ionic應用熱更新(親測手寫)

2021-08-10 01:24:33 字數 1249 閱讀 9007

當應用發布應用市場後更新**超級麻煩,因此繞開應用市場在應用內進行更新則方便多了,其主要原理如下:

安裝cli:

npm install -g cordova-hot-code-push-cli
安裝外掛程式:

cordova plugin add cordova-hot-code-push-plugin
如果多搜幾篇文件,一定還有人推薦你安裝cordova hot code push local development add-on,這個是用於本地開發用的,千萬別安裝,我就因為多安裝了這個外掛程式,半天都沒除錯成功!!還有很多人到處抄抄,東一下西一下的,文件還得看英文的!

當有檔案更新時,需要同步更新到www目錄,可以通過

ionic serve
命令來監聽,也可以手動執行

npm run build --prod
來發布檔案到www目錄。

配置檔案名字叫chcp.json,主要是記錄發布時間戳和更新時機。通過

cordova-hcp init
cordova-hcp build
通過這條命令,可以會在www目錄下生成chcp.json和chcp.manifest,manifest檔案記錄了www下各檔案的hash值,當chcp.json與客戶端時間戳不一致時,客戶端會進一步獲取chcp.manifest來對比哪些檔案發生了變化。這裡chcp.json中的content_url需配置www目錄下的檔案發布到伺服器上的資料夾位址.

此外,檢查config.xml下是否有chcp標籤,如果沒有,則需要手動新增乙個(如果有,也需要手動配置其config-file位置),config-file的url指向伺服器上的配置檔案的路徑。

通過ftp/scp等將www目錄下所有檔案發布至伺服器,並確認伺服器已給響應資料夾配置檔案服務,在瀏覽器下能正常訪問到這些檔案,並確認config.xml和chcp.json中對應的配置位址和專案位址是否正確。

通過資料線連線手機(開啟開發者選項),執行

ionic cordova run android
hot deploy updates with the cordova-hot-code-push plugin

Ionic 學習混合開發 親測可用

1.需要安裝 2.安裝 npm install g cordova ionic 關鍵步驟 不行 在前面叫 sudo 或者轉映象 3.建立專案 4.開啟終端,cd 到剛才建立的專案 主要必須要是剛才建立的專案,不然下面步驟不能執行 5.ionic serve 執行專案 五 ionic 有時候安裝失敗怎...

Flutter 應用熱更新

不過,熱更新雖然具有很大的優點,但是濫用熱修復也會給應用帶來不好的體驗,並且蘋果對於熱更新和修復是明令禁止的,所以熱更新主要針對的是國內android市場。目前,flutter對外開放的sdk是不支援熱更新的,但是在flutter的原始碼裡有一部分預埋的熱更新相關的 可以通過一些必要的手段在andr...

移動端外掛程式 快速生成tab外掛程式(純手寫 親測)

最近工作中用到較多的tab欄切換,心頭一熱寫了乙個 快速生成 tab切換欄的外掛程式 外掛程式名字 quick.tab.js js檔案名字 quick.tab.js js檔案的 使用文件 外掛程式使用文件 1 引入js檔案,例如 01 23例項 測試 html檔案 lang en id contai...