ReactNative使用CodePush熱更新文檔(iOS篇)

此文檔是在以前公司使用RN時我自己總結(jié)iOS使用codePush相關(guān)的文檔,現(xiàn)在放上來供需要的同學(xué)參考荚坞。

CodePush安裝及賬號注冊

1.安裝CodePush CLI

管理CodePush賬號需要通過NodeJS-based CLI另凌。

只需要在終端輸入npm install -g

code-push-cli尾菇,就可以安裝了熬的。

安裝完畢后,輸入code-push -v查看版本艾疟。

*npm為NodeJS的包管理器,如果你沒安裝NodeJS請先安裝。

2.創(chuàng)建一個CodePush賬號

在終端輸入code-push register會咋瀏覽器中打開授權(quán)頁面蔽莱。授權(quán)通過之后弟疆,CodePush會告訴你“access key”,復(fù)制此key到終端即可完成注冊盗冷。

然后終端輸入code-push login進(jìn)行登陸怠苔,登陸成功后,你的session文件將會寫在/Users/你的用戶名/.code-push.config仪糖。

3.CodePush終端命令

code-push

login登陸

code-push

loout注銷

code-push

access-key ls列出登陸的token

code-push

access-key rm 刪除某個access-key

4.CodePush服務(wù)器注冊app

code-push app add在賬號里面添加一個新的app

code-push app remove或者rm在賬號里移除一個app

code-push app rename重命名一個存在app

code-push app list或則ls列出賬號下面的所有app

code-push

app transfer把a(bǔ)pp的所有權(quán)轉(zhuǎn)移到另外一個賬號

CodePush環(huán)境配置(iOS)

1.Native項(xiàng)目利用cocoaPods集成好ReactNative之后,在終端cd到項(xiàng)目根目錄,執(zhí)行一下命令行:

npm install --save

react-native-code-push@latest安裝react-native-code-push模塊;

2.利用cocoapod導(dǎo)入codePush到項(xiàng)目中柑司,在podfile文件中輸入

pod'CodePush',:path =>

'../node_modules/react-native-code-push'然后終端cd到ios項(xiàng)目根目錄執(zhí)行podinstall

打開項(xiàng)目在BuildPhases->Link Binary With Libraries中點(diǎn)擊”+”添加libCodePush.a , libz.tbd

3.在RN View承載controller中#import

并添加如下代碼

#if DEBUG

jsCodeLocation=[[NSBundle mainBundle] URLForResource:@"main"withExtension:@"jsbundle"];

#else

jsCodeLocation =[CodePush bundleURL];

#endif

4.為了讓CodePush運(yùn)行的時候知道需要更新哪些應(yīng)用,打開項(xiàng)目的Info.plist文件添加一個新的鍵CodePushDeploymentKey锅劝,值就是你配置的讓app連接的服務(wù)攒驰。

查看鍵值的命令:code-push deployment ls您的應(yīng)用名–k,終端顯示如下圖

測試版填寫Staging Deployment key下的鍵值故爵;正式版填寫Production Deployment key下的鍵值玻粪。

CodePush熱更新操作

1.iOS打離線bundle命令

注意打包前手動需要在指定目錄下新建存儲jsBundle和asset文件的bundle文件。

react-native bundle

--entry-file index.ios.js --bundle-output ./ios/bundle/main.jsbundle --platform

ios --assets-dest ./ios/bundle --dev false

2.CodePush上傳bundle命令

以下命令將本地bundle文件上傳到服務(wù)器

code-push release一仟金融_DAT /Users/ebiz/Desktop/代碼管理/一仟金融/DEV/YQfinance_RN/ios/bundle 1.1.2 --deploymentName Staging--description "測試更新1" --mandatory true

deploymentName:生產(chǎn)(Production),測試(Staging)

mandatory:false(下次更新),true(本次強(qiáng)制更新)

3.測試發(fā)布的JS發(fā)布到正式版

測試版發(fā)布成功測試沒有問題后可以通過此方法將bundle發(fā)布到正式版

code-push promote

–description, –des描述[string] [默認(rèn)值: null]

–disabled, -x該促進(jìn)更新诬垂,客戶端是否可以獲得更新[boolean] [默認(rèn)值: null]

–mandatory, -m是否強(qiáng)制更新[boolean] [默認(rèn)值:null]

–rollout, -r此促進(jìn)更新推送用戶的百分比[string] [默認(rèn)值: null]

示例:

code-push promote MyAppStaging Production

"MyApp"中"Staging"部署的最新更新發(fā)布到"Production"部署中

code-push promote MyAppStaging Production –des "Production rollout" -r 25

"MyApp"中"Staging"部署的最新更新發(fā)布到"Production"部署中,并且只推送25%的用戶

4.CodePush查看上傳版本歷史

一下命令可以查看測試環(huán)境下的版本發(fā)布及安裝,回滾信息

code-push deploymenthistory

5.CodePush版本回滾

當(dāng)發(fā)現(xiàn)新版本bundle使用報錯時可以使用一下命令進(jìn)行回滾操作

code-push rollback一仟金融_DAT Staging

6.CodePush修改更新

code-pushpatch

--label,

-l指定標(biāo)簽版本更新奶段,默認(rèn)最新版本[string] [默認(rèn)值: null]

--description,

--des描述[string] [默認(rèn)值:null]

--disabled,

-x該修改更新,客戶端是否可以獲得更新[boolean] [默認(rèn)值: null]

--mandatory,

-m是否強(qiáng)制更新[boolean] [默認(rèn)值: null]

--rollout,

-r此更新推送用戶的百分比剥纷,此值僅可以從先前的值增加痹籍。[string] [默認(rèn)值: null]

示例:

code-push

patch MyApp Production --des "Updated description" -r 50修改"MyApp"的"Production"部署中最新更新的描述,并且更新推送范圍為50%

code-push patch MyApp

Production -l v3 --des "Updated description for v3"修改"MyApp"的"Production"部署中標(biāo)簽為v3的更新的描述CodePush安裝及賬號注冊

1.安裝CodePush CLI

管理CodePush賬號需要通過NodeJS-based CLI晦鞋。

只需要在終端輸入npm install -g

code-push-cli蹲缠,就可以安裝了。

安裝完畢后悠垛,輸入code-push -v查看版本线定。

*npm為NodeJS的包管理器,如果你沒安裝NodeJS請先安裝确买。

2.創(chuàng)建一個CodePush賬號

在終端輸入code-push register會咋瀏覽器中打開授權(quán)頁面斤讥。授權(quán)通過之后,CodePush會告訴你“access key”湾趾,復(fù)制此key到終端即可完成注冊芭商。

然后終端輸入code-push login進(jìn)行登陸,登陸成功后搀缠,你的session文件將會寫在/Users/你的用戶名/.code-push.config铛楣。

3.CodePush終端命令

code-push

login登陸

code-push

loout注銷

code-push

access-key ls列出登陸的token

code-push

access-key rm 刪除某個access-key

4.CodePush服務(wù)器注冊app

code-push app add在賬號里面添加一個新的app

code-push app remove或者rm在賬號里移除一個app

code-push app rename重命名一個存在app

code-push app list或則ls列出賬號下面的所有app

code-push

app transfer把a(bǔ)pp的所有權(quán)轉(zhuǎn)移到另外一個賬號

CodePush環(huán)境配置(iOS)

1.Native項(xiàng)目利用cocoaPods集成好ReactNative之后,在終端cd到項(xiàng)目根目錄,執(zhí)行一下命令行:

npm install --save

react-native-code-push@latest安裝react-native-code-push模塊;

2.利用cocoapod導(dǎo)入codePush到項(xiàng)目中,在podfile文件中輸入

pod'CodePush',:path =>

'../node_modules/react-native-code-push'然后終端cd到ios項(xiàng)目根目錄執(zhí)行podinstall

打開項(xiàng)目在BuildPhases->Link Binary With Libraries中點(diǎn)擊”+”添加libCodePush.a , libz.tbd

3.在RN View承載controller中#import

并添加如下代碼

#if DEBUG

jsCodeLocation=[[NSBundle mainBundle] URLForResource:@"main"withExtension:@"jsbundle"];

#else

jsCodeLocation =[CodePush bundleURL];

#endif

4.為了讓CodePush運(yùn)行的時候知道需要更新哪些應(yīng)用艺普,打開項(xiàng)目的Info.plist文件添加一個新的鍵CodePushDeploymentKey簸州,值就是你配置的讓app連接的服務(wù)鉴竭。

查看鍵值的命令:code-push deployment ls您的應(yīng)用名–k,終端顯示如下圖

測試版填寫Staging Deployment key下的鍵值岸浑;正式版填寫Production Deployment key下的鍵值搏存。

CodePush熱更新操作

1.iOS打離線bundle命令

注意打包前手動需要在指定目錄下新建存儲jsBundle和asset文件的bundle文件。

react-native bundle

--entry-file index.ios.js --bundle-output ./ios/bundle/main.jsbundle --platform

ios --assets-dest ./ios/bundle --dev false

2.CodePush上傳bundle命令

以下命令將本地bundle文件上傳到服務(wù)器

code-push release一仟金融_DAT /Users/ebiz/Desktop/代碼管理/一仟金融/DEV/YQfinance_RN/ios/bundle 1.1.2 --deploymentName Staging--description "測試更新1" --mandatory true

deploymentName:生產(chǎn)(Production),測試(Staging)

mandatory:false(下次更新),true(本次強(qiáng)制更新)

3.測試發(fā)布的JS發(fā)布到正式版

測試版發(fā)布成功測試沒有問題后可以通過此方法將bundle發(fā)布到正式版

code-push promote

–description, –des描述[string] [默認(rèn)值: null]

–disabled, -x該促進(jìn)更新矢洲,客戶端是否可以獲得更新[boolean] [默認(rèn)值: null]

–mandatory, -m是否強(qiáng)制更新[boolean] [默認(rèn)值:null]

–rollout, -r此促進(jìn)更新推送用戶的百分比[string] [默認(rèn)值: null]

示例:

code-push promote MyAppStaging Production

"MyApp"中"Staging"部署的最新更新發(fā)布到"Production"部署中

code-push promote MyAppStaging Production –des "Production rollout" -r 25

"MyApp"中"Staging"部署的最新更新發(fā)布到"Production"部署中,并且只推送25%的用戶

4.CodePush查看上傳版本歷史

一下命令可以查看測試環(huán)境下的版本發(fā)布及安裝,回滾信息

code-push deploymenthistory

5.CodePush版本回滾

當(dāng)發(fā)現(xiàn)新版本bundle使用報錯時可以使用一下命令進(jìn)行回滾操作

code-push rollback一仟金融_DAT Staging

6.CodePush修改更新

code-pushpatch

--label,

-l指定標(biāo)簽版本更新璧眠,默認(rèn)最新版本[string] [默認(rèn)值: null]

--description,

--des描述[string] [默認(rèn)值:null]

--disabled,

-x該修改更新,客戶端是否可以獲得更新[boolean] [默認(rèn)值: null]

--mandatory,

-m是否強(qiáng)制更新[boolean] [默認(rèn)值: null]

--rollout,

-r此更新推送用戶的百分比兵钮,此值僅可以從先前的值增加蛆橡。[string] [默認(rèn)值: null]

示例:

code-push

patch MyApp Production --des "Updated description" -r 50修改"MyApp"的"Production"部署中最新更新的描述,并且更新推送范圍為50%

code-push patch MyApp

Production -l v3 --des "Updated description for v3"修改"MyApp"的"Production"部署中標(biāo)簽為v3的更新的描述掘譬。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末泰演,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子葱轩,更是在濱河造成了極大的恐慌睦焕,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件靴拱,死亡現(xiàn)場離奇詭異垃喊,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)袜炕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進(jìn)店門本谜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人偎窘,你說我怎么就攤上這事乌助。” “怎么了陌知?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵他托,是天一觀的道長。 經(jīng)常有香客問我仆葡,道長赏参,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任沿盅,我火速辦了婚禮把篓,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘嗡呼。我一直安慰自己纸俭,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布南窗。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪万伤。 梳的紋絲不亂的頭發(fā)上窒悔,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天,我揣著相機(jī)與錄音敌买,去河邊找鬼简珠。 笑死,一個胖子當(dāng)著我的面吹牛虹钮,可吹牛的內(nèi)容都是我干的聋庵。 我是一名探鬼主播,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼芙粱,長吁一口氣:“原來是場噩夢啊……” “哼祭玉!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起春畔,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤脱货,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后律姨,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體振峻,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年择份,在試婚紗的時候發(fā)現(xiàn)自己被綠了扣孟。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡荣赶,死狀恐怖凤价,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情讯壶,我是刑警寧澤料仗,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站伏蚊,受9級特大地震影響立轧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜躏吊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一氛改、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧比伏,春花似錦胜卤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽澈段。三九已至,卻和暖如春舰攒,著一層夾襖步出監(jiān)牢的瞬間败富,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工摩窃, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留兽叮,地道東北人。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓猾愿,卻偏偏與公主長得像鹦聪,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蒂秘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評論 2 355

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