第一部分:生产项目离线文件
1.确认main.jsbundle文件是否存在。
说明: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>生成后,结果如图:
3.将main.jsbundle文件添加到项目中
选择生成的main.jsbundle文件,添加后如如:
至此,完成了js的离线文件的生成。
第二部分:生成发布文件
1.将调试设备调整为【Generic iOS Device】,如图:
2.修改Build Configuration为Release。
<1>点击 Product --> Scheme -->Edit Scheme 按钮,如图:
<2>将Build Configuration为Release改为Release。
说明:Release为发布打包版本,Debug为调试版本。
3.点击Product --> Archive,按钮,生成发布文件,如图:
4.如图,则表示发布文件生成成功。
第三部分:上传发布文件
1.点击【Validate App】按钮,校验安装包,如图:
说明:在校验前,需要先在发布网站注册APP发布信息。
2.上传安装包到AppStore,如图:
说明:将发布包文件上传后,需要到发布网站去添加包文件,并且提交发布。
第四部分:注意事项
1.二次打包上传
当app发布文件上传到AppStore的发布网站后,未发布提交前,若重新打包上传,必须要更换其Build的版本号,否则上传时会报错。如图:
ReactNative的IOS打包上架(一)–证书管理
ReactNative的IOS打包上架(三)–项目发布