ionic3 熱更新發布步驟記錄

1.安裝基本框架
npm install -g ionic@latest
npm install -g cordova ionic

驗證版本號
ionic –version
cordova -version

2.新建ionic項目
ionic start myapp

會顯示選項列表
 tabs：建立一個選項卡項目
 blank：建立一個空白項目
 sidemenu：建立一個側邊菜單項目
 super: 建立一個預製的完整項目，提供ionic開發最佳實踐
 conference：建立一個展現真是應用的項目
 tutorial：建立一個基於ionic文檔的教程項目
 aws: 建立一個移動集成器啓動項目
任意選擇一個新建便可

3.進入項目文件夾
cd myapp
執行下面命令能夠預覽項目
ionic serve
正常顯示後能夠關掉服務Ctrl+C，此步驟只是保證ionic新建項目成功

4.ios目前已不支持熱更新，因此只對Android平臺進行設置

設置Android平臺
ionic cordova platform add android
設置安卓版本需修改下面文件內容
platforms/android/project.properties 
和platforms/android/CordovaLib/project.properties 
中的target=「你有的sdk版本」


安裝熱更新插件
ionic cordova plugin add cordova-hot-code-push-plugin
ionic cordova plugin add cordova-hot-code-push-local-dev-addon
npm install -g cordova-hot-code-push-cli

5.在config.xml配置文件中加入下面節點
<chcp>
     <config-file url="http://192.168.1.203:8121/chcp.json" />
     <native-interface version="1" />
</chcp>
第一個子節點是須要發佈在iis上的文件地址
第二個子節點是當前版本號
還有其它配置此處再也不羅列

6.新開一個終端執行下面命令
cordova-hcp server
若是可以正常輸出相似
Running server
Checking:  /ionic/myapp/www/
local_url http://localhost:31284
Warning: .chcpignore does not exist.
Build 2017.10.27-10.17.48 created in ionic/myapp/www
cordova-hcp local server available at: http://localhost:31284
cordova-hcp public server available at: https://5027caf9.ngrok.com

檢查/項目名稱/www 路徑下 有chcp.json和chcp.manifest表示熱更新服務啓動正常

7.在項目根目錄下新建模板 cordova-hcp.json
{
"content_url": "http://192.168.31.62:8121",
"autogenerated": true,
"update": "now"
}
之後發佈時只需執行
cordova-hcp build命令，就能夠把模板內容替換到chcp.json文件內，由於每次更新或者發佈app都會使熱更新服務從新生成chcp.json文件內容

8.構建iis，路徑指向/項目名稱/www 文件夾，也能夠把www文件夾部署在你指定的位置。檢查chcp.json文件是否能訪問，若不能訪問
針對iis7+
在IIS的站點屬性的HTTP頭設置裏，選MIME 映射中點擊」文件類型」-」新類型」，添加一個文件類型：
關聯擴展名：.json
內容類型(MIME)：application/x-javascript

9.生成apk
ionic cordova build android
此時熱更新服務不能中止，一個終端執保持熱更新服務，另外一個終端執行其它命令
生成後執行
cordova-hcp build 複製模板文件
而後經過iis訪問地址，檢查頁面顯示是否正常，json文件是否能夠訪問，json文件內的ip地址是不是iis的發佈地址
在手機上安裝此apk

10.對項目界面或者功能進行修改
而後對配置文件config.xml的chcp節點的版本號進行修改
<native-interface version="2" /> 
從新生成apk
ionic cordova build android
經過iis訪問檢查頁面和功能是否修改
執行 cordova-hcp build 而後檢查iis上的json文件是否修改
關掉手機上原來的程序，從新打開程序，能夠看到頁面或者功能已變動。有時候更新會有延遲。

 瑣碎的資料

1. http://localhost:8100/ionic-lab 能夠看到模擬器

2. 新建模塊命令 ionic g page login

3. 新建服務命令 ionic g provider MyData

4. 在虛擬機上執行命令 ionic cordova emulate android -l -c