React Native 打包及in-house發(fā)布

背景

React Native第一個項目差不多完成下硕,打算打包發(fā)布到出來玉工,用手機測試一下羽资。那么就涉及四個步驟

  • 使用外網(wǎng)后臺服務器 RN項目訪問外網(wǎng)
  • 打包RN項目
  • 蘋果企業(yè)開發(fā)者賬號簽名
  • CodePush, 熱更新RN項目

其中CodePush沒做,會在下一篇里面講到遵班。這篇文章主要講2屠升,3兩點。React Native官網(wǎng)上的資料真是少狭郑,簡書上有關的文章腹暖,在我寫RN項目一路上也幫了我不少忙。今天我就參考了不少資料才完成翰萨。下面我就分享一下脏答,希望能幫到遇到同樣情況的同學。

打包

主要參考這篇教程

創(chuàng)建離線包

把項目的所有js打包成一個 "main.jsbundle",還有項目里用到的image打包進assets亩鬼。注意main.jsbundle和 assets的路徑殖告。其他教程在這個地方有錯誤。
react-native bundle --entry-file='index.ios.js' --bundle-output='./ios/MyAppName/main.jsbundle' --dev=false --platform='ios' --assets-dest='./ios'

導入main.jsbundle

用xcode打開RN項目雳锋,右擊項目黄绩,選擇"Add Files to...",選擇導入"./ios/MyApName/main.jsbundle"


Paste_Image.png

導入assets

將"./ios/assets"目錄拖入xcode項目目錄魄缚,在彈出的選擇框中選擇"create folder references". 更多了解關于react native assets宝与,請參考這篇教程

Paste_Image.png

修改AppDelegate.m

如圖修改加載js路徑


Paste_Image.png

測試

至少打包步驟完成焚廊,你可以用模擬器測試一下∠敖伲可能有一些小錯誤咆瘟,重新運行項目、卸載項目诽里、關閉react native packager,總有一種辦法是生效的袒餐。

In House發(fā)布

由于我以前有HBuilder打包項目的經驗,企業(yè)賬號打包的文件已經準備好谤狡,掃描下載的plist及安裝頁面完成灸眼,此篇教程就不講,有需要的請評論墓懂,我看情況要不要寫一下焰宣。

Paste_Image.png

安裝mobileprovision文件

雙擊企業(yè)開發(fā)者賬號的*. mobileprovision文件,即安裝

項目里選擇mobileprovision文件

項目名->Build Settings->Code Signning->Provision Profile,選擇剛剛安裝的mobileprovision名


Paste_Image.png

修改info.plist的Bundle identifier

項目名->info.plist->Bundle identifier,修改的值是注冊Certificates時填入的值


Paste_Image.png

創(chuàng)建iOS App .ipa文件

選擇目標設備為"Generic iOS Device"
選擇菜單Product->Archive
然后就是導出.ipa嘍捕仔,其中有一步需要選擇apple id匕积,登錄入自己的賬戶,選擇就行榜跌。


Paste_Image.png

最后

好好學英語對技術的成長有很大幫助闪唆。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市钓葫,隨后出現(xiàn)的幾起案子悄蕾,更是在濱河造成了極大的恐慌,老刑警劉巖础浮,帶你破解...
    沈念sama閱讀 219,490評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件帆调,死亡現(xiàn)場離奇詭異,居然都是意外死亡霸旗,警方通過查閱死者的電腦和手機贷帮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來诱告,“玉大人撵枢,你說我怎么就攤上這事【樱” “怎么了锄禽?”我有些...
    開封第一講書人閱讀 165,830評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長靴姿。 經常有香客問我沃但,道長,這世上最難降的妖魔是什么佛吓? 我笑而不...
    開封第一講書人閱讀 58,957評論 1 295
  • 正文 為了忘掉前任宵晚,我火速辦了婚禮垂攘,結果婚禮上,老公的妹妹穿的比我還像新娘淤刃。我一直安慰自己晒他,他們只是感情好,可當我...
    茶點故事閱讀 67,974評論 6 393
  • 文/花漫 我一把揭開白布逸贾。 她就那樣靜靜地躺著陨仅,像睡著了一般。 火紅的嫁衣襯著肌膚如雪铝侵。 梳的紋絲不亂的頭發(fā)上灼伤,一...
    開封第一講書人閱讀 51,754評論 1 307
  • 那天,我揣著相機與錄音咪鲜,去河邊找鬼狐赡。 笑死,一個胖子當著我的面吹牛疟丙,可吹牛的內容都是我干的猾警。 我是一名探鬼主播,決...
    沈念sama閱讀 40,464評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼隆敢,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了崔慧?” 一聲冷哼從身側響起拂蝎,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎惶室,沒想到半個月后温自,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,847評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡皇钞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,995評論 3 338
  • 正文 我和宋清朗相戀三年悼泌,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片夹界。...
    茶點故事閱讀 40,137評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡馆里,死狀恐怖,靈堂內的尸體忽然破棺而出可柿,到底是詐尸還是另有隱情鸠踪,我是刑警寧澤,帶...
    沈念sama閱讀 35,819評論 5 346
  • 正文 年R本政府宣布复斥,位于F島的核電站营密,受9級特大地震影響,放射性物質發(fā)生泄漏目锭。R本人自食惡果不足惜评汰,卻給世界環(huán)境...
    茶點故事閱讀 41,482評論 3 331
  • 文/蒙蒙 一纷捞、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧被去,春花似錦主儡、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至踪央,卻和暖如春臀玄,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背畅蹂。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評論 1 272
  • 我被黑心中介騙來泰國打工健无, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人液斜。 一個月前我還...
    沈念sama閱讀 48,409評論 3 373
  • 正文 我出身青樓累贤,卻偏偏與公主長得像,于是被迫代替她去往敵國和親少漆。 傳聞我的和親對象是個殘疾皇子臼膏,可洞房花燭夜當晚...
    茶點故事閱讀 45,086評論 2 355

推薦閱讀更多精彩內容