一步一步實現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或其它提示。