新建工程并添加熱更新插件
新建Cordova項目
cordova create <path> <app id> <name>-
添加android平臺
cordova platform add android
添加iOS平臺
cordova platform add ios添加自動更新插件
cordova plugin add cordova-hot-code-push-plugin添加cordova hot code push客戶端，用于生成www目錄下文件的hash碼，更新的時候對比使用。(注意：安裝過就不用在安裝了)
npm install -g cordova-hot-code-push-cli
客戶端配置
- 修改
config.xml
修改內容如圖：
這里寫圖片描述
//代碼為
<chcp>
<auto-download enabled="true" />
<auto-install enabled="true" />
<config-file url="http://172.16.1.245:8080/cordova-hot-update/cordova/www/chcp.json" />
</chcp>
- 項目的根目錄下新建
cordova-hcp.json，內容為：
{
"update": "start",
"content_url": "http://192.168.40.203:8080/cordova/www"
}
- 終端定位到項目根目錄,執行
cordova-hcp build,生成hash文件
服務器端
- 代碼修改完成
- 終端定位到項目根目錄,執行
cordova-hcp build - 將
www目錄放到http://172.16.1.245:8080/cordova-hot-update/cordova地址下(是config.xml中設置的地址)
JavaScript端調用插件方法
//說明：這里的使用了Framework7
chcp.fetchUpdate(function(error, data) {
if(!error) {
myApp.modal({
title: "提示",
text: "有更新，確定更新嗎?",
buttons: [{
text: '不更新'
}, {
text: "立即更新",
onClick: function() {
myApp.showPreloader('正在升級，升級完畢應用將自動重啟...');
chcp.installUpdate(function(error) {
myApp.alert("更新完成", ["提示"]);
})
}
}]
})
} else {
myApp.alert("你當前是最新版本", ["提示"]);
}
})
<pre>
參考網址：
博客地址:
http://blog.csdn.net/lovelyelfpop/article/details/50848524#javascript-module
http://blog.csdn.net/qq_34160678/article/details/51580975
視頻教程地址：
http://www.tudou.com/programs/view/oKXtLhMzFSI/?spm=a2h0k.8191414.oKXtLhMzFSI.A
