React Native之iOS打包发布

结合这篇文章一起看 http://blog.poetries.top/2019/10/07/Ionic-ios-build

React Native 应用程序开发完成后，需要先打包一个测试版，由测试人员安装应用并测试。对于 iOS 应用，一般来说，开发者如果需要将应用安装到某些用户的设备上，就需要将应用导出为这些设备可以直接安装的安装包（.ipa 文件）。本文总结了如何打包 ipa 并发布到应用内测分发平台供安装测试

# 一、应用程序打包

开发 React Native 应用时，js 代码和图片资源通过 Debug Server 提供，但是当我们需要发布应用时，就需要将 js 等资源和应用一起打包

# 1.1 打包离线资源

通过 react-native bundle 命令可以打包离线资源。为了日后把打包方便，我们把打包指令填在下package.json下

"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest",
    "bundle-ios": "node node_modules/react-native/local-cli/cli.js bundle --entry-file index.js --platform ios --dev false --bundle-output ./ios/bundle/index.jsbundle --assets-dest ./ios/bundle"
  },

bundle-ios命令参数含义

• --entry-file：入口文件。
• --platform：平台名称（ios或者android）。
• --dev：是否是开发模式，设置为 false 的时候将会对 JavaScript 代码进行优化处理。
• --bundle-output：生成的 jsbundle 文件的名称。
• --assets-dest：图片以及其他资源存放的目录

这样打包只需要在根目录下输入npm run bundle-ios 即可（切记一定要先在项目-->ios下新建bundle文件夹，不然会报错）

之后你会发现bundle文件下面已经有了内容（如下图）

# 1.2 添加离线资源到项目中

在Xcode中添加资源到项目中，必须使用Create folder references的方式(也就是文件夹的方式)添加bundle文件 夹

必须使用Create folder references的方式添加：

添加成功后bundle文件夹为蓝色（如下图）

# 1.3 修改 AppDelegate.m 文件

在开发的过程中可以在这里配置Debug Server的地址，当发布上线的时候，就需要使用离线的jsbundle文件，因此需要设置jsCodeLocation为本地的离线jsbundle。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  NSURL *jsCodeLocation;

//  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index