React Native项目Xcode打包发布iOS问题

Xcode打包分布准备

对于新手来说,如果是混合开发或者纯RN应用开发好后,想打包上线了,却发现官方文档没有找到详细打包的流程文档,对于完全没有经验的新手真的不太好友。下面是参考资料总结而成:

1、打包命令 react-native bundle,在RN项目根目录下:
react-native bundle --entry-file index.ios.js --platform ios --dev false --bundle-output ios/ios.jsbundle

参数:
--entry-file :ios或者android入口的js名称,比如index.ios.js
--platform :平台名称(ios或者android)
--dev :设置为false的时候将会对JavaScript代码进行优化处理。
--bundle-output,:生成的jsbundle文件的所在目录和名称,比如 ios/ios.jsbundle。

在当前项目中,输入上面命令,然后在ios/目录下生成2个离线包:


React Native项目Xcode打包发布iOS问题
react-native bundle --entry-file index.ios.js --platform ios --dev false --bundle-output ios:ios.jsbundle.png
$ react-native bundle --entry-file index.ios.js --platform ios --dev false --bundle-output ios/ios.jsbundle
[2016-12-25 19:55:01] <START> Initializing Packager
[2016-12-25 19:55:01] <START> Building in-memory fs for JavaScript
[2016-12-25 19:55:01] <END>   Building in-memory fs for JavaScript (88ms)
[2016-12-25 19:55:01] <START> Building Haste Map
[2016-12-25 19:55:02] <END>   Building Haste Map (1091ms)
[2016-12-25 19:55:02] <END>   Initializing Packager (1212ms)
[2016-12-25 19:55:02] <START> Transforming files
[2016-12-25 19:55:15] <END>   Transforming files (13122ms)
bundle: start
bundle: finish
bundle: Writing bundle output to: ios/ios.jsbundle
(node:8023) DeprecationWarning: Using Buffer without `new` will soon stop working. Use `new Buffer()`, or preferably `Buffer.from()`, `Buffer.allocUnsafe()` or `Buffer.alloc()` instead.
bundle: Done writing bundle output
Assets destination folder is not set, skipping...

运行上面命令后,在项目的ios文件夹下看到ios.jsbundleios.jsbundle.meta

React Native项目Xcode打包发布iOS问题
生成的离线包.png

2、iOS项目中导入包
React Native项目Xcode打包发布iOS问题
生成的离线包.png
React Native项目Xcode打包发布iOS问题
安图选择完成.png
3、修改项目中BundleURL

修改AppDelegate.h的定向URL,需要注意的是名字要跟你生成的jsbundle的名字一致。

//  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
  
  jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"ios" withExtension:@"jsbundle"];

React Native项目Xcode打包发布iOS问题
修改 jsCodeLocationURL.png
  • 如果项目是混合开发,那么用到BundleURL的地方也要改成这个BundleURL地址。
  • 如果修改了项目的js文件,那么就要重新打包一次,或者利用热更新机制更新。

参考


注:本文首发于 iHTCboy's blog,如若转载,请注明来源。

上一篇:如何下载pytorch的历史版本?


下一篇:使用WebInject测试WebService