RN-iOS打包真机测试

作者: 小新

发布于 2019-12-31 | 最后更新 2020-01-06


网上也有不少教程,我这里只是自己做个记录,此处不行再去网上找寻

第一步,终端cd到项目目录,执行命令

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

上面有一个错误,说是找不到ios/bundle目录,上面的命令是把index.ios.jsbundle放在了ios/bundle文件夹下,命令不能自动的创建,只能自己手动创建bundle文件夹 注: –entry-file ,ios或者android入口的js名称,比如index.ios.js –platform ,平台名称(ios或者android) –dev ,设置为false的时候将会对JavaScript代码进行优化处理。 –bundle-output, 生成的jsbundle文件的名称,比如./ios/bundle/index.ios.jsbundle –assets-dest 图片以及其他资源存放的目录,比如./ios/bundle

执行完以后再bundle里面会发现三个文件

第二步,导入生成的文件到XCode

注意导入的方式(如图)。 第三步,设置appDelegate.m

  //模拟器测试
//  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

  //打包手机测试,改成访问本地的js服务器
  jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"index.ios" withExtension:@"jsbundle"];

第四步,完成 这个时候就可以build了

注 build时选择debug/release版本进行测试