React Native之iOS App打包

作者: laznrbfe | 来源:发表于2016-04-10 01:37 被阅读6593次

iOS打包步骤(一、二、三可不按照顺序)

步骤一: 选择iOS Device(以下两者选其中一个即可)

选择 Generic iOS Device (个人建议使用这个)

选择Generic iOS Device.png

选择 你的iOS设备

选择你的iOS设备.png

步骤二: 运行环境下的编译设置(Debug/Release)

Xcode-->Product-->Scheme-->Edit Scheme...
(或者如set_the_active_scheme.png所示进行操作)

set_the_active_scheme.png

Run-->Info-->Build Configuration选择Release模式。最终结果如Release.png所示:

Release.png

步骤三: “告别”Node服务器,“拥抱”main.jsbundle

在AppDelegate.m文件中

//  jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

   jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];

步骤四: 归档(Archive)

Xcode-->Product-->Archive-->等待...直到如Archive.png所示.

Archive.png

步骤五: 上传App Store(其实是iTunes Connect)/验证/导包

略.
苹果开发者官网
 iTunes Connect

网友评论

咸湿仔灬:emmm,我在真机安装了离线包，发现不能显示本地图片了请问我是不是缺少了什么步骤？

Sxiaobai:大神升级到0.44之后你遇到过 No dimensions set for key window 的错误没知道怎么解决吗

Sxiaobai:@laznrbfe 这个已经解决啦 😘

laznrbfe:https://github.com/facebook/react-native/issues?utf8=%E2%9C%93&q=No%20dimensions%20set%20for%20key%20window

看看这些issue，有木有可以解决你目前的问题。

laznrbfe:还未升0.44。

bc8d57ad2ed6:0.39版本的AppDelegate.m文件中是
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
还是要继续替换成
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
么？

laznrbfe:@chaunjie react-native init创建的RN项目，使用Xcode打包项目，不需要改变这个值

laznrbfe:@chaunjie index.ios换成你的打包出来的.jsbundle文件的名字。

laznrbfe:@chaunjie 不需要。好像0.29以后就不需要设置ip了

N最珍贵:main.jsbundle 怎么生成呢

laznrbfe:@N最珍贵这个是原生集成RN的打包。文章是react-native init创建的RN项目的打包。原生集成的，需要拷贝.jsbundle和assets文件夹(直接拷贝进去，选择第二选项，选择第二个，assets蓝色就对了)

laznrbfe:@N最珍贵 react-native bundle --entry-file ./index.ios.js --platform ios --bundle-output ./main.jsbundle --assets-dest ./

咸湿仔灬:emmm,我在真机安装了离线包，发现不能显示本地图片了请问我是不是缺少了什么步骤？
Sxiaobai:大神升级到0.44之后你遇到过 No dimensions set for key window 的错误没知道怎么解决吗
Sxiaobai:@laznrbfe 这个已经解决啦 😘
laznrbfe:https://github.com/facebook/react-native/issues?utf8=%E2%9C%93&q=No%20dimensions%20set%20for%20key%20window

看看这些issue，有木有可以解决你目前的问题。
laznrbfe:还未升0.44。
bc8d57ad2ed6:0.39版本的AppDelegate.m文件中是
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
还是要继续替换成
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
么？
laznrbfe:@chaunjie react-native init创建的RN项目，使用Xcode打包项目，不需要改变这个值
laznrbfe:@chaunjie index.ios换成你的打包出来的.jsbundle文件的名字。
laznrbfe:@chaunjie 不需要。好像0.29以后就不需要设置ip了
N最珍贵:main.jsbundle 怎么生成呢
laznrbfe:@N最珍贵这个是原生集成RN的打包。文章是react-native init创建的RN项目的打包。原生集成的，需要拷贝.jsbundle和assets文件夹(直接拷贝进去，选择第二选项，选择第二个，assets蓝色就对了)
laznrbfe:@N最珍贵 react-native bundle --entry-file ./index.ios.js --platform ios --bundle-output ./main.jsbundle --assets-dest ./

React Native之iOS App打包

iOS打包步骤(一、二、三可不按照顺序)

步骤一: 选择iOS Device(以下两者选其中一个即可)

步骤二: 运行环境下的编译设置(Debug/Release)

步骤三: “告别”Node服务器,“拥抱”main.jsbundle

步骤四: 归档(Archive)

步骤五: 上传App Store(其实是iTunes Connect)/验证/导包

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

ReactNative