ionic3 項(xiàng)目熱更新使用

配置熱更新

熱更新的原理:

這一步我就不上圖了,服務(wù)器上的chcp.manifest文件對(duì)比本地生成的chcp.manifest中的hash值,如果hash值對(duì)應(yīng)的文件發(fā)生更改,通過(guò)chcp.json中設(shè)置的文件存放地址炫乓,進(jìn)行文件流的下載更新。

安裝熱更新cli

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

安裝熱更新插件
ionic cordova plugin add cordova-hot-code-push-plugin

開(kāi)發(fā)使用可以安裝配套插件
cordova plugin add cordova-hot-code-push-local-dev-addon

使用熱更新

*插件安裝完畢,在www目錄下面峻堰,會(huì)生成兩個(gè)文件,chcp.json文件,跟chcp.manifest文件盅视。當(dāng)你運(yùn)行corodva-hcp server的時(shí)候捐名,你每更改一個(gè)文件,chcp.manifest跟chcp.json就會(huì)發(fā)生相應(yīng)的更改闹击。
*但是生成的地址會(huì)變成一個(gè)臨時(shí)的鏡像地址镶蹋,所以需要添加一個(gè)cordova-hcp.json 文件模板。這時(shí)候不需要啟動(dòng)cordova-hcp server赏半,直接啟動(dòng)cordova-hcp build
cordova-hcp.json文件內(nèi)容大致如下

"content_url": "http://yourserverAddress/www", //遠(yuǎn)程地址www后面不要加上/
"update": "now"http://分三種情況
// start - app啟動(dòng)時(shí)安裝更新. 默認(rèn)值.
// resume - app從后臺(tái)切換過(guò)來(lái)的時(shí)候安裝更新.
// now - web內(nèi)容下載完畢即安裝更新.
 "release": "2017.07.01-15.52.14",  //版本號(hào)
 "min_native_interface": 1 //min_native_interface:版本設(shè)置贺归。
 在config.xml我們?cè)O(shè)置的native-interface version=5 那么我們生成的就會(huì)是 
 "min_native_interface":5

  • 插件安裝完畢,需要在config.xml文件里面添加
<chcp>
  <native-interface version="1" />
  <config-file url=".../chcp.json" />
<chcp/>
...為你的服務(wù)器地址断箫。

定義當(dāng)前版本:

<chcp>
    <native-interface version="5" />
</chcp>

如果你應(yīng)用程序的版本比服務(wù)器的版本還高拂酣,那么插件將不會(huì)從服務(wù)器加載新的更新,默認(rèn)設(shè)置為1仲义。

自動(dòng)下載:

<chcp>
  <auto-download enabled="false" />
</chcp>

定義插件是否允許下載更新婶熬。最初更新提取是自動(dòng)執(zhí)行的剑勾,可以禁用它,并通過(guò)JavaScript模塊手動(dòng)執(zhí)行赵颅。默認(rèn)情況下虽另,首選項(xiàng)設(shè)置為true。

自動(dòng)安裝:

<chcp>
  <auto-install enabled="false" />
</chcp>

定義插件是否允許安裝更新饺谬。最初更新安裝是自動(dòng)執(zhí)行的捂刺,可以禁用它,并通過(guò)JavaScript模塊手動(dòng)執(zhí)行募寨。默認(rèn)情況下叠萍,首選項(xiàng)設(shè)置為true。

  • 如果你的服務(wù)器绪商,無(wú)法接受跨域訪問(wèn)的話苛谷,熱更新插件很可能會(huì)不成功,所以可以更改服務(wù)器的配置格郁,使其接受跨域下的訪問(wèn)腹殿,插件才能從服務(wù)器上把文件給下載下來(lái)。

簡(jiǎn)單的說(shuō)明

可用事件
chcp_updateIsReadyToInstall - web內(nèi)容已經(jīng)下載并可以安裝時(shí)觸發(fā).
chcp_updateLoadFailed - 插件無(wú)法下載web更新時(shí)觸發(fā). 詳細(xì)錯(cuò)誤信息在事件參數(shù)里.
chcp_nothingToUpdate - 無(wú)可用更新下載時(shí)觸發(fā).
chcp_updateInstalled - web內(nèi)容安裝成功時(shí)觸發(fā).
chcp_updateInstallFailed - web內(nèi)容安裝失敗時(shí)觸發(fā). 詳細(xì)錯(cuò)誤信息在事件參數(shù)里.
chcp_nothingToInstall -無(wú)可用更新安裝時(shí)觸發(fā).
chcp_assetsInstalledOnExternalStorage - 插件成功把a(bǔ)pp內(nèi)置的web內(nèi)容拷貝到外置存儲(chǔ)中時(shí)觸發(fā). 你可能需要開(kāi)發(fā)調(diào)試時(shí)用到這個(gè)事件例书,也許不會(huì).
chcp_assetsInstallationError -插件無(wú)法拷貝app內(nèi)置的web內(nèi)容到外置存儲(chǔ)中時(shí)觸發(fā). 如果此事件發(fā)生了 - 插件不再工作. 也許是設(shè)備沒(méi)有足夠的存儲(chǔ)空間導(dǎo)致. 詳細(xì)錯(cuò)誤信息在事件參數(shù)里.

在需要使用熱更新的文件中聲明
declear  var chcp:any //防止程序提示找不到chcp

更加詳細(xì)的說(shuō)明跟使用可以參考
http://blog.csdn.net/lovelyelfpop/article/details/50848524
或者
http://www.reibang.com/p/9e3cd54f5f97

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末锣尉,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子决采,更是在濱河造成了極大的恐慌自沧,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,695評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件树瞭,死亡現(xiàn)場(chǎng)離奇詭異拇厢,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)晒喷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門孝偎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人凉敲,你說(shuō)我怎么就攤上這事衣盾。” “怎么了爷抓?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,130評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵势决,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我蓝撇,道長(zhǎng)果复,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,648評(píng)論 1 297
  • 正文 為了忘掉前任唉地,我火速辦了婚禮据悔,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘耘沼。我一直安慰自己极颓,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,655評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布群嗤。 她就那樣靜靜地躺著菠隆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪狂秘。 梳的紋絲不亂的頭發(fā)上骇径,一...
    開(kāi)封第一講書(shū)人閱讀 52,268評(píng)論 1 309
  • 那天,我揣著相機(jī)與錄音者春,去河邊找鬼破衔。 笑死,一個(gè)胖子當(dāng)著我的面吹牛钱烟,可吹牛的內(nèi)容都是我干的晰筛。 我是一名探鬼主播,決...
    沈念sama閱讀 40,835評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼拴袭,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼读第!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起拥刻,我...
    開(kāi)封第一講書(shū)人閱讀 39,740評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤怜瞒,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后般哼,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體吴汪,經(jīng)...
    沈念sama閱讀 46,286評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,375評(píng)論 3 340
  • 正文 我和宋清朗相戀三年蒸眠,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了浇坐。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,505評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡黔宛,死狀恐怖近刘,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情臀晃,我是刑警寧澤觉渴,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站徽惋,受9級(jí)特大地震影響案淋,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜险绘,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,873評(píng)論 3 333
  • 文/蒙蒙 一踢京、第九天 我趴在偏房一處隱蔽的房頂上張望誉碴。 院中可真熱鬧,春花似錦瓣距、人聲如沸黔帕。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,357評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)成黄。三九已至,卻和暖如春逻杖,著一層夾襖步出監(jiān)牢的瞬間奋岁,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,466評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工荸百, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留闻伶,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,921評(píng)論 3 376
  • 正文 我出身青樓够话,卻偏偏與公主長(zhǎng)得像虾攻,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子更鲁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,515評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理霎箍,服務(wù)發(fā)現(xiàn),斷路器澡为,智...
    卡卡羅2017閱讀 134,701評(píng)論 18 139
  • 熱更新:當(dāng)用戶初次打開(kāi)app漂坏,它會(huì)將所有的web內(nèi)容復(fù)制一份到外部存儲(chǔ)。此后從外部存儲(chǔ)加載web內(nèi)容媒至,而并不加載打...
    方千竹閱讀 1,777評(píng)論 0 0
  • 簡(jiǎn)介 關(guān)于Cordova的熱更新問(wèn)題顶别,國(guó)內(nèi)的資料比較少,許多博客上都是胡亂的抄襲拒啰,準(zhǔn)確性極低驯绎,無(wú)任何實(shí)用性,并且步...
    cl9000閱讀 6,360評(píng)論 10 15
  • Spring Boot 參考指南 介紹 轉(zhuǎn)載自:https://www.gitbook.com/book/qbgb...
    毛宇鵬閱讀 46,855評(píng)論 6 342
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,288評(píng)論 25 707