cordova熱更新插件的使用

• cordova常用命令 
  

一、添加插件

• 新建Cordova項目

  • cordova create CordovaHotCode com.ezample.hotcode

• 添加Android平台

  • 在新建項目的根目錄下，進入命令行，執行cordova platform add android

• 添加自動更新插件

  • cordova plugin add cordova-hot-code-push-plugin

• 添加cordova hot code push客戶端，用於生成www目錄下文件的hash碼，更新的時候對比使用。(注意：安裝過就不用在安裝了)

  • npm install -g cordova-hot-code-push-cli

二、配置

1. 修改根目錄下的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>

1. 上一步執行完之后，需要在項目根目錄下的命令行中執行cordova build，編譯項目。
2. 項目根目錄下執行cordova-hcp build，這個命令在項目根目錄下的www目錄中生成chcp.json和chcp.manifest兩個文件。chcp.json包含了項目的版本信息，是否立即更新，服務器的更新地址。chcp.manifest包含了www目錄下的文件和對應的hash碼值。
3. 為了chcp.json文件生成的方便，我們需要在項目的根目錄下新建一個文件cordova-hcp.json，內容為：

{ 
  "update": "start", "content_url": "http://192.168.40.203:8080/cordova/www" }

上面執行完之后，可以將項目導入到android studio中或者直接在根目錄執行cordova build,然后在CordovaHotCode\platforms\android\build\outputs\apk這個目錄下生成了apk文件，直接安裝就行。

三、服務器端配置

1. 服務器端就比較簡單了，我們修改項目根目錄下的www目錄之后，在根目錄下執行cordova-hcp build.
2. 直接把根目錄下的www目錄拷貝到服務器中，注意地址不要寫錯。然后啟動我們的app,第一次啟動的時候檢查更新並下載更新，第二次啟動的時候就會使用更新的版本。 
   
   

四、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("你當前是最新版本", ["提示"]); } })

 

 

參考網址： 

博客地址: 

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