?

開門見山，本文主題：cordova-hot-code-push

作用：cordova熱更新插件，提供了在應(yīng)用程序中對基于Web的內(nèi)容進(jìn)行自動更新的功能。

GitHub地址：https://github.com/nordnet/cordova-hot-code-push

?

另外一并介紹：cordova-hot-code-push-cli

作用：cordova-hot-code-push插件配套使用的命令行工具。

GitHub地址：https://github.com/nordnet/cordova-hot-code-push-cli

?

使用步驟：

1.安裝cordova-hot-code-push-cli：npm install -g cordova-hot-code-push-cli

說明：此CLI主要用于幫助熱更新插件生成和維護(hù)配置文件，例如：chcp.json、chcp.manifest等。

不安裝此CLI也可以直接使用熱更新插件，但還是強(qiáng)烈建議大家安裝，詳細(xì)內(nèi)容請前往GitHub了解。

?

2.安裝熱更新插件：ionic?cordova plugin add cordova-hot-code-push-plugin

說明：首先通過cd命令，進(jìn)入ionic項(xiàng)目的根目錄下，然后執(zhí)行插件安裝命令。

?

3.安裝開發(fā)插件：ionic?cordova plugin add cordova-hot-code-push-local-dev-addon

說明：開發(fā)插件不是必需，其主要作用是在熱更新插件的開發(fā)和測試階段方便快速構(gòu)建應(yīng)用并應(yīng)用更新的內(nèi)容，

避免繁瑣的編譯、構(gòu)建、重新啟動應(yīng)用等步驟。官方建議在開發(fā)階段安裝此插件，以方便我們進(jìn)行開發(fā)和測試。

注意，在進(jìn)行應(yīng)用的發(fā)布時，務(wù)必將此插件卸載。

?安裝完成后，可在項(xiàng)目代碼的plugins目錄下看到插件：

?

?4.通過cordova-hot-code-push-cli中的cordova-hcp命令啟動一個server：cordova-hcp server

關(guān)于cordova-hcp的其他命令，請參考：https://github.com/nordnet/cordova-hot-code-push-cli#commands

?

5.將項(xiàng)目打包并安裝到設(shè)備，此步驟不詳細(xì)描述，拿android舉例，可用的命令是ionic cordova build android或者ionic cordova run android

注意：執(zhí)行這一步的時候，上面的cordova-hcp server窗口不要關(guān)，重新開一個Node.js command prompt窗口來完成你的其他操作。

因?yàn)閏ordova-hcp server相當(dāng)于起了一個遠(yuǎn)程服務(wù)器，來運(yùn)行你服務(wù)器端的程序，后面APP在檢測更新的時候是需要用到此server的。

?

6.項(xiàng)目完成打包并安裝到設(shè)備上以后，運(yùn)行APP。

?

7.接下來就是測試熱更新的時候了，不要眨眼睛~

我們讓代碼產(chǎn)生一些變化，比如，我修改一下我工程Home Page的html內(nèi)容：

你切到cordova-hcp server的窗口，你會發(fā)現(xiàn)server已經(jīng)檢測到了程序變化，窗口中會出現(xiàn)類似：

File changed：c:\xxxxxxxxxxxxxxx 的提示文字。包括用戶連接，斷開連接，都會有提示。

?你再看一下設(shè)備上的APP，程序會自動加載最新的內(nèi)容，

這樣，我們就在不通過重新編譯打包、安裝（或者是從應(yīng)用市場下載新版本、安裝）的情況下，完成了對APP的更新。

這個還是蠻酷的~~~

?

需要注意的兩個地方，在GitHub的介紹里是沒有的，大家在測試的時候，請注意一下：

（1）.手機(jī)必須聯(lián)網(wǎng)，無網(wǎng)絡(luò)連接的手機(jī)是無法測試熱更新的。我用的是電信4G網(wǎng)絡(luò)測試；應(yīng)該是需要外網(wǎng)，內(nèi)網(wǎng)我沒有測試。

　　有時間的童鞋也可以測試一下內(nèi)網(wǎng)服務(wù)器，服務(wù)器信息在起服務(wù)的時候就可以看到：

?

?（2）.ionic項(xiàng)目產(chǎn)生變化的時候，我們要通過ionic serve命令讓Ionic CLI來幫我們編譯最新代碼到www目錄下。

　　這個也是另外一個單獨(dú)的窗口來執(zhí)行，不要停掉cordova-hcp server服務(wù)。

　　GitHub在介紹這一部分的時候，只是拿cordova的項(xiàng)目舉例，只是直接修改了www目錄下的index.html文件來測試變化。

　　而我們使用的是Ionic項(xiàng)目，并且修改的是page里面是html文件或者ts文件。所以必須要使用ionic serve進(jìn)行編譯。

?

?Ok。寫到這里，本篇關(guān)于ionic 項(xiàng)目的熱更新測試基本完成。

另外我會單獨(dú)寫一篇關(guān)于自己搭建服務(wù)器來實(shí)現(xiàn)熱更新的文章，而不是借助于cordova-hot-code-push-local-dev-addon插件。

不過本質(zhì)是差不多的，只不過開發(fā)插件幫我們簡化了一部分復(fù)雜的配置過程。

參見：http://www.cnblogs.com/crazyprogrammer/p/7763573.html

?

轉(zhuǎn)載于:https://www.cnblogs.com/tomkart/p/7755148.html

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的Ionic APP 热更新的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。