app开发框架(ionic2_tabs)-README.md

github地址

目录结构

  • 一个完整的app目录结构比较复杂，实际开发中以下四处最经常修改。如果只开发业务代码或开发移动端网页，基本只用关心src目录

src目录

  • 如下图，src目录下src/app/app.component.ts是整个app的入口文件，对app逻辑了解可以先从这里开始看起

使用此项目作为你的开发模版你还需要做的事

  • 修改config.xml中的id为你自己的id.命名一般为com.公司英文名.项目英文名

  • 修改Constants.ts中的CODE_PUSH_DEPLOYMENT_KEY(热更新key).申请地址.参考

  • Constants.ts中的其他常量以各自情况修改

  • 使用高德javascript api,修改index.html中的web key.参考

  • 使用高德定位插件和导航插件需要修改高德定位key和高德ioskey.参考

已实现如下常见功能点

关于"登录功能实现"的说明

  • app启动,从storage缓存中获取token,没有获取到token就设置登录页为首页.app.component.ts

  • 输入用户名密码,点登录按钮传用户名和密码到后台,后台验证正确,返回token,把token缓存起来.login.ts.

token是通过用户id,过期时间等有用字段加密而成,使用jwt密码,目前过期时间设置为30天.

  • 使用token调用获取用户基本信息接口得到用户基本信息,把用户信息缓存在globalData.ts中

  • 重启app,从storage缓存中获取到了token,用旧token换取新token，自动登录成功，并重新获取用户信息缓存在globalData.ts中

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容