react-native 发布打包

项目环境说明:

react native  version : 0.59.8xcode: version:11.6node: 12.18.3react-native-cli : 2.0.1

第一步:导出js bundle包和图片资源

1.创建release_ios目录mkdir release_ios

2.在React Native项目的根目录下执行:react-native bundle --entry-file index.js --platform ios --dev false --bundle-output release_ios/main.jsbundle --assets-dest release_ios/

或者:在ios目录下bundle

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

024a6615621e485525670c837cb3971d.png

通过上述命令,我们可以将JS部分的代码和图片资源等打包导出到根目录下的release_ios目录下:

1294d13856721ac64d6f0faec674d57a.png

第二步:将js包包和图片资源导入到iOS项目中

1.把release_ios 下的文件都拉到xcode下的跟目录下,要选第一个和第三个选项,使得图标为蓝色 (这里导入的主要分版本号如果是0.6以后,就导入.xcworkspace。其他的导入,.xcodeproj)

74cb53bbedae97f4842bfc7fe61bfe17.png

第三步:查看加载文件 AppDelegate.m

  1. 非热更加载

NSURL *)sourceURLForBridge:(RCTBridge *)bridge

第四步:打包发布

1.选择开发者账号67c7f983d8bc0bd17a53dcaf1412a8ff.png
2.点击xcode 菜单栏product -> Archive 等待打ipa包
3.打完包之后,点击xcode菜单栏,bcd05f9f8cb51781a915e48c5fe7d6a2.png
4.最后有四个发布选项,第一项发布appstore,第二项hoc100个测试包,然后一直默认到底,最后导出

8b02b1b2ccdbdc52c4fe81f127a7bc4b.png

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐