ionic3 熱更新

ionic3 熱更新

jdk 安裝+環境變量

ANDROID sdk 安裝+環境變量

gradle 安裝+環境變量

nodejs 安裝

ionic3 安裝

項目中常用指令

ionic start demo 新建一個名叫demo的項目
ionic serve 啓動服務
ionic serve --lab 在瀏覽器中啓動多個模擬
ionic g page demo 新建一個名叫demo的頁面
ionic g provider demo 新建一個名叫demo的服務
ionic cordova platform add android 添加安卓平臺
ionic cordova platform add ios 添加ios平臺
ionic cordova build android 生成安卓apk（ 項目根目錄platformsandroidbuildoutputsapk）
ionic cordova build ios 生成Xcode項目文件，然後可打開Xcode進行

添加支持熱更新！！！

1.先安裝熱更新插件：

在你的電腦端全局安裝：
npm install -g cordova-hot-code-push-cli

2.cd到項目目錄下給項目添加插件：

cordova plugin add cordova-hot-code-push-local-dev-addon ( 此步可省略)
cordova plugin add cordova-hot-code-push-plugin

3.執行：cordova-hcp server

4.執行完之後會在www文件夾中生成 兩個文件：

chcp.json （文件主要是插件的配置信息）
chcp.manifest（文件則是www目錄下各文件的hash值參照表）

Update：有如下幾個固定參數 start(app啓動時安裝更新，默認值)

now(app從後臺切換過來的時候安裝更新)
resume(web內容下載完畢即安裝更新)
min_native_interface：最低版本號
content_url:項目在服務器上面的地址

5.在App根目錄下面新建文件cordova-hcp.json，內容如下：

{
"autogenerated": true,
"content_url": "http://www.yourserver.com/www",
"update": "start"
}

6.將www目錄下的.chcpenv文件修改爲你的服務器：

{
    "content_url": "http://www.yoursever.com/www",
    "config_url": "http://www.yourserve.com/www/chcp.json"
    }

7.在config.xml文件標籤中添加：
<chcp>

`<local-development enabled="true" />`

<config-file url="http://192.168.0.111/www/chcp.json" />
</chcp>

• 注意：這裏的http：//www.yourserver.com...均指你的存放熱更新文件的服務器地址！（就是www文件）。

熱更新項目

1.編譯後打包apk或者執行ionic run android

2.打開命令行窗口兩個

第一個窗口執行cordova-hcp server命令(更新熱更新文件)
第二個窗口執行ionic build android命令打包（編譯項目）

3.打包成功後手機上安裝APK，

4.下次程序修改後直接執行命令二，打開之前安裝的手機app你會發現已經變成最新的了。

• 注意：不用複製 www 文件到 "http：//www.yourserver.com/www" 中
• 因爲：因爲程序根目錄.chcpenv文件內有個url配置的是ionic自己的臨時服務器，每次執行cordova-hcp build會把www目錄下的文件上傳至整個服務器，並且支持熱更新的apk會去上面請求。
  {

"content_url": "https://ff01e9d1.ngrok.io",
"config_url": "https://ff01e9d1.ngrok.io/chcp.json"
}
更改
{
"content_url": "http://192.168.1.145:8088",//你自己的地址
"config_url": "http://192.168.1.145:8088/chcp.json"
}

5.ionic cordova build android完之後，要執行cordova-hcp build進行配置更新