ShengChangWei/ionic-app

这是一个app 的起步项目

mobile-start

基于 angular-cli 及 ionic-cli 的移动端前端起步项目，与后台起步项目相结合。

通过修改config.service.ts下相应的配置属性，可快速开始业务开发。

实现功能

• 统一配置API路径、新版本APP下载路径，获取是否连接网络、获取APP基本信息等（config.service.ts）

• 每个请求统一默认显示加载动画、请求header添加令牌属性URMS_LOGIN_TOKEN、请求错误统一处理等（request.service.ts）

• 检测网络是否断开及重连、启用后台模式等（app.component.ts）

• 检测服务器是否有新版本、可下载APP并打开安装（只支持android）、检测是否已经登录等（login.ts）

• 持久化保存token及用户信息（auth.service.ts）

• 集成高德地图、highchart、echarts，实现简单天气预报（调用高德api）

• 通过 URL Scheme 可以在外部（如浏览器）通过代码打开 APP（使用 ionicStart://任意值 即可）

• ...

搭建环境（详细教程）

• Install Nodejs (>= 6.9.0)

• Install Java JDK

• Install Apache Ant

• Install Android SDK

• Ionic CLI <= 3.20.0（不要更新到 >= 4.x.x）

• 生成签名文件

• npm install -g ionic cordova@6.5.0 - 安装全局的 ionic 和 cordova（>=7.0.0）

• npm install - 安装依赖包

• npm run add - 添加安卓平台（cordova-android 固定为 6.3.0）

• npm run resources - 生成图标和启动页（resources下必须有icon.png和splash.png）

启动和构建项目

• npm start - 启动项目进行开发

• npm run test - 构建并启动设备运行（需要配置 signing 下的文件，查看 signing 目录下的 README.md）

• npm run prod - 构建APP（需要配置 signing 下的文件，查看 signing 目录下的 README.md）

构建时必须检查或修改下面内容：

• 检查或修改 package.json 中的 version

• 检查或修改 config.xml 中的 widget -> version，要与 package.json 中的 version 一致

• 检查或修改 CHANGELOG.md 对应版本的日志

• 检查或修改 src/app/services/config.service.ts 中的配置变量

其它资料

• sass
• karma
• tslint & codelyzer
• typescript & @types