無星的RN學習之旅（七）——iOS打包（圖文教程版）

背景：rn好多前端或者安卓轉的旁友對iOS的打包不太熟悉，因此寫個圖文教程版，目前我對應的版本是0.4+版本和0.5+版本（反正我也是隨便寫的，參考爲主）

PS：帳號的申請還有各類證書的申請我就很少提了，本身百度查下。。

1.打開項目中iOS文件夾，新建一個名爲bundle的文件夾

2.打開終端，cd到整個項目根目錄

3.輸入命令行，版本不一樣命令不同喲，注意看

區分標準是你是否存在index.ios.js，存在確定是老版本，用下面這個命令

react-native bundle --entry-file index.ios.js --bundle-output ./ios/bundle/index.ios.jsbundle --platform ios --assets-dest ./ios/bundle --dev false
複製代碼

若是你是index.js，那就是新版本啦，用下面這個命令

react-native bundle --entry-file index.js --bundle-output ./ios/bundle/index.jsbundle --platform ios --assets-dest ./ios/bundle --dev false
複製代碼

4.把上面命令輸入終端並按下回車

等待時間可能要一會

4.補，差點漏了一點注意事項

可能有的旁友項目中有webview承載html頁面

這時候你命令行打出來的包可能就要注意一下了

以下圖，我這是bundle文件夾下assets文件夾裏的資源文件夾

實際上我這個html有多少文件呢

你會發現少了東西，這時候怎麼辦，很簡單，去你項目中把相關缺乏的文件複製到assets裏就行

5.打開xcode項目

直接拖過去

記得選下面這個喲，藍色的物理文件夾

選完長這樣

6.這時候打開appdelegate（我改了東西，裏面代碼是同樣的，不過個人位置不同，大家看下就知道了）

把jsCodeLocation的來源換成你打的包的來源(其餘人怎麼打包、調試、開發我不清楚，反正我是這麼作的，並且已經上架兩個項目了，我肯定是可用的)

仍是老樣子，index.ios.js填

jsCodeLocation = [NSURL URLWithString:[[NSBundle mainBundle] pathForResource:@"index.ios.jsbundle" ofType:nil]];
複製代碼

index.js填

jsCodeLocation = [NSURL URLWithString:[[NSBundle mainBundle] pathForResource:@"index.jsbundle" ofType:nil]];
複製代碼

7.剩下的就是正常的iOS打包了

如圖開始打包，這時候有4個選項，因爲打一個包時間挺長的我就不截圖了。。後續步驟裏的幾個選項大夥能夠百度一下iOS打包瞭解一下。。或者我下次打包補圖