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

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

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打包上架(三)–项目发布

发布了9 篇原创文章 · 获赞 2 · 访问量 225

猜你喜欢

转载自blog.csdn.net/jin19920529/article/details/104605725