一步一步实现IONIC2/3 热更新

1. 新建空的ionic项目

• 命令：ionic start hotupdatetest blank

2. 进入项目文件夹

• 命令 : cd  ./hotupdatetest

3. 全局安装热更新插件cordova-hot-code-push-cli,如果已经安装了则跳过此步

• 命令：npm install -g cordova-hot-code-push-cli

4. 添加目标平台

• 命令：ionic cordova platform add android

5. 将热更新插件添加到项目内

• 命令：ionic cordova plugin add cordova-hot-code-push-plugin

6. 初始化热更新插件

• 命令：cordova-hcp init

7. 初始化热更新插件后会在项目根目录生成cordova-hcp.json的配置文件

如下

8. 在config.xml配置文件中关闭自动更新

9. 在app.component.ts中导入热更新插件，并编写更新逻辑

10. 打包apk

• 命令：ionic cordova build android –prod

这个时候的app已经集成了更新功能。

11. 现在开始做些更新的动作，在home页面中去修改一下

12. 重新打包apk或者运行ionic serve后，确保新修改的文件已经编译到www文件内，生成本地更新配置文件

• 命令：cordova-hcp build

13. 执行命令后会在www文件夹生成更新配置文件

14.上传更新

这个时把www文件里的文件上传cordova-hcp.json里指定的content_url地址，打开已经安装的最初版本的app就会自动更新修改过的页面了。

• 容易搞错的地方是，生成新的版本文件时，一定要编译后才能在www文件里生成新的文件，这个时候cordova-hcp build才能生成新的配置文件。
• 如果需要设置动态显示更新，则需要在app.component.ts文件里的更新文件加上loading或其它提示。