无星的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打包了解一下。。或者我下次打包补图