背景
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"
導入assets
將"./ios/assets"目錄拖入xcode項目目錄魄缚,在彈出的選擇框中選擇"create folder references". 更多了解關于react native assets宝与,請參考這篇教程
修改AppDelegate.m
如圖修改加載js路徑
測試
至少打包步驟完成焚廊,你可以用模擬器測試一下∠敖伲可能有一些小錯誤咆瘟,重新運行項目、卸載項目诽里、關閉react native packager,總有一種辦法是生效的袒餐。
In House發(fā)布
由于我以前有HBuilder打包項目的經驗,企業(yè)賬號打包的文件已經準備好谤狡,掃描下載的plist及安裝頁面完成灸眼,此篇教程就不講,有需要的請評論墓懂,我看情況要不要寫一下焰宣。
安裝mobileprovision文件
雙擊企業(yè)開發(fā)者賬號的*. mobileprovision文件,即安裝
項目里選擇mobileprovision文件
項目名->Build Settings->Code Signning->Provision Profile,選擇剛剛安裝的mobileprovision名
修改info.plist的Bundle identifier
項目名->info.plist->Bundle identifier,修改的值是注冊Certificates時填入的值
創(chuàng)建iOS App .ipa文件
選擇目標設備為"Generic iOS Device"
選擇菜單Product->Archive
然后就是導出.ipa嘍捕仔,其中有一步需要選擇apple id匕积,登錄入自己的賬戶,選擇就行榜跌。
最后
好好學英語對技術的成長有很大幫助闪唆。