1. 程式人生 > >Cordova - 熱更新 !

Cordova - 熱更新 !

Cordova版本:8.0.0

更新APP平臺:Android

作業系統:Windows

Cordova的熱更新,作用是把www內的變動部分更新到APP中,實現主程式不動,完成更新!!這個熱更新功能,對於IOS APP更有意義,因為,可以避免繁瑣的蘋果稽核!!這個熱更新幾乎是所有Cordova開發都需要的功能!!!

Cordova熱更新外掛:https://github.com/nordnet/cordova-hot-code-push

Cordova熱更新工具:https://github.com/nordnet/cordova-hot-code-push-cli#installation

熱更新,如何實現的?Cordova的熱更新外掛,靠什麼去找到需要更新的程式呢?我們先不管這些問題了,先把上面外掛和工具安裝上再說!

一,安裝Cordova熱更新外掛和熱更新工具

1,安裝Cordova熱更新外掛

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

cordova plugin add https://github.com/nordnet/cordova-hot-code-push.git

2,安裝Cordova熱更新工具,開啟DOS視窗,輸入下面命令後回車

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

假設,上面熱更新外掛和熱更新工具都安裝完畢了,那麼回頭看上面我提到的問題,應該搞清楚這些,那麼就更容易理解和使用Cordova熱更新外掛了!

二,瞭解熱更新重要檔案和配置。

1,config.xml ,這個檔案是Cordova工程配置檔案,在Cordova工程的根目錄。這裡面需要加入一個很重要的配置項:

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

這個url,是Cordova熱更新配置檔案,JSON格式的,存放於需要熱更新的程式根目錄中,而且必須能夠被Cordova以Http方式訪問到,否則無法更新!!!下面是我的配置資訊截圖:

 2,cordova-hcp.json,這是Cordova熱更新工具自動生成的檔案,用於熱更新工具編譯。存放位置,Cordova工程根目錄。下面是我的這個檔案的配置專案:

{
  "name": "CordovaHotUpdate",
  "ios_identifier": "",
  "android_identifier": "io.cordova.hellocordova",
  "update": "start",
  "content_url": "http://192.168.2.3"
}

兩個引數很重要,影響到是否可以更新和如何更新?

content_url:這是Cordova熱更新程式存放目錄,對應Cordova工程的www目錄,以後程式變化之後,使用Cordova熱更新工具編譯之後,直接把www目錄中所有檔案覆蓋這個目錄中的所有檔案就可以了。

update:這是熱更新的方式,通過它決定以什麼樣的方式更新Cordova程式。

3,chcp.json,這是極其重要的一個檔案,是否能夠熱更新,它起到至關重要的作用!這個檔案存放目錄,熱更新程式的根目錄。Cordova熱更新外掛進行熱更新,必須首先訪問這個檔案,通過它來獲取熱更新程式存放目錄,以及熱更新方式!它的配置和上面的“cordova-hcp.json”基本一樣。這個檔案是Cordova熱更新工具自動生成的檔案。

4,chcp.manifest,這是極其重要的一個檔案,是否能夠熱更新,它起到至關重要的作用!它裡面記錄了程式的變動。這個檔案是Cordova熱更新工具自動生成的檔案。