1. 程式人生 > >ionic 1,2 cordova 之 熱更新 cordova-hot-code-push

ionic 1,2 cordova 之 熱更新 cordova-hot-code-push

記錄備忘!

首先安裝:

不需要本地除錯的,直接與後臺配合除錯的,直接安裝以下外掛

1、安裝熱修復外掛:

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

2、安裝cordova熱修復CLI:

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


若想本地除錯,需多安裝以下外掛

安裝熱修復本地開發外掛: cordova plugin add cordova-hot-code-push-local-dev-addon


這次專案沒有本地除錯,所以記錄下自己的跟服務端配合的使用情況。


啟動生成更新配置檔案:

cordova-hcp build,此命令會在www資料夾下生成兩個檔案chcp.manifest


,chcp.json




邏輯其實特別簡單,對比當前應用內和你伺服器上的release版本

,如果不一樣,就去載入伺服器的www檔案,然後對比chcp.manifest下的hash值,更新檔案,下次再開啟應用時,就使用新的檔案。記住是下次開啟應用,才使用新的檔案。


放伺服器上,注意幾點:

  1.config.xml新增節點如下:

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


  </chcp>

  2.生成平臺程式碼,把平臺程式碼下www資料夾下的chcp.json的content_url改成:

    http:/yourserver/www,確認對應的config.xml下chcp節點是對的。

    執行對應平臺程式碼。

   3.命令進入自己專案根目錄,執行cordova-hcp build,這個執行後,它會自動去改chcp.json下的release值, 

   和chcp.manifest下的改過的檔案的hash

  4.把你改過的檔案,chcp.json,chcp.manifest這些本地的放到伺服器上。覆蓋對應的檔案(當然都在www資料夾下,可以直接上傳www)。

  另外,其他一些問題:

  如果你跑cordova-hcp build,它會去生成chcp.json,那裡面的值就改了,可以在專案根目錄建一個cordova-hcp.json,寫一些default配置

  cordova-hcp.json 可以長這樣




這是需要配置的所有內容,修改一下頁面內容