ReactNative的IOS打包上架(二)--项目打包

第一部分:生产项目离线文件

1.确认main.jsbundle文件是否存在。
ReactNative的IOS打包上架(二)--项目打包_第1张图片
说明:main.jsbundle文件负责RN项目的js部分。

2.更新main.jsbundle文件(当js部分没及时更新时)
<1>在项目的根目录下,ios文件夹下,新建一个bundle文件。
<2>在项目根目录下,执行代码:

react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ./ios/bundle/main.jsbundle

说明:
–entry-file ios或者android入口的js名称,比如index.js
–platform 平台名称(ios或者android)
–dev 设置为false的时候将会对JavaScript代码进行优化处理。
–bundle-output 生成的jsbundle文件的名称,比如./ios/bundle/main.jsbundle
<3>生成后,结果如图:
ReactNative的IOS打包上架(二)--项目打包_第2张图片
3.将main.jsbundle文件添加到项目中
ReactNative的IOS打包上架(二)--项目打包_第3张图片
ReactNative的IOS打包上架(二)--项目打包_第4张图片
选择生成的main.jsbundle文件,添加后如如:
ReactNative的IOS打包上架(二)--项目打包_第5张图片
至此,完成了js的离线文件的生成。

第二部分:生成发布文件

1.将调试设备调整为【Generic iOS Device】,如图:
ReactNative的IOS打包上架(二)--项目打包_第6张图片
2.修改Build Configuration为Release。
<1>点击 Product --> Scheme -->Edit Scheme 按钮,如图:
ReactNative的IOS打包上架(二)--项目打包_第7张图片
<2>将Build Configuration为Release改为Release。
ReactNative的IOS打包上架(二)--项目打包_第8张图片
说明:Release为发布打包版本,Debug为调试版本。

3.点击Product --> Archive,按钮,生成发布文件,如图:
ReactNative的IOS打包上架(二)--项目打包_第9张图片
4.如图,则表示发布文件生成成功。
ReactNative的IOS打包上架(二)--项目打包_第10张图片

第三部分:上传发布文件

1.点击【Validate App】按钮,校验安装包,如图:
ReactNative的IOS打包上架(二)--项目打包_第11张图片
说明:在校验前,需要先在发布网站注册APP发布信息。

2.上传安装包到AppStore,如图:
ReactNative的IOS打包上架(二)--项目打包_第12张图片
说明:将发布包文件上传后,需要到发布网站去添加包文件,并且提交发布。

第四部分:注意事项

1.二次打包上传
当app发布文件上传到AppStore的发布网站后,未发布提交前,若重新打包上传,必须要更换其Build的版本号,否则上传时会报错。如图:
ReactNative的IOS打包上架(二)--项目打包_第13张图片
ReactNative的IOS打包上架(一)–证书管理
ReactNative的IOS打包上架(三)–项目发布

你可能感兴趣的:(ReactNative,iOS)