背景
React Native第一个项目差不多完成，打算打包发布到出来，用手机测试一下。那么就涉及四个步骤
- 使用外网后台服务器 RN项目访问外网
- 打包RN项目
- 苹果企业开发者账号签名
- CodePush, 热更新RN项目
其中CodePush没做，会在下一篇里面讲到。这篇文章主要讲2，3两点。React Native官网上的资料真是少，简书上有关的文章，在我写RN项目一路上也帮了我不少忙。今天我就参考了不少资料才完成。下面我就分享一下，希望能帮到遇到同样情况的同学。
打包
主要参考这篇教程
创建离线包
把项目的所有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发布
由于我以前有HBuilder打包项目的经验，企业账号打包的文件已经准备好，扫描下载的plist及安装页面完成，此篇教程就不讲，有需要的请评论，我看情况要不要写一下。
Paste_Image.png
安装mobileprovision文件
双击企业开发者账号的*. mobileprovision文件，即安装
项目里选择mobileprovision文件
项目名->Build Settings->Code Signning->Provision Profile,选择刚刚安装的mobileprovision名
Paste_Image.png
修改info.plist的Bundle identifier
项目名->info.plist->Bundle identifier,修改的值是注册Certificates时填入的值
Paste_Image.png
创建iOS App .ipa文件
选择目标设备为"Generic iOS Device"
选择菜单Product->Archive
然后就是导出.ipa喽，其中有一步需要选择apple id，登录入自己的账户，选择就行。
Paste_Image.png
最后
好好学英语对技术的成长有很大帮助。
网友评论