React Native发布APP之打包iOS应用
2018-01-15 09:18
393 查看
用React Native开发好APP之后,如何将APP发布以供用户使用呢?一款APP的发布流程无外乎:签名打包—>发布到各store这两大步骤。本文将向大家分享如何签名打包一款React Native APP。
在本文中我将为大家讲解如何打包和发布React Native iOS App。
第一步:导出js bundle包和图片资源
和打包React Native Android应用不同的是,我们无法通过命令一步进行导出React Native iOS应用。我们需要将JS部分的代码和图片资源等打包导出,然后通过XCode将其添加到iOS项目中。
导出js bundle的命令
在React Native项目的根目录下执行:
通过上述命令,我们可以将JS部分的代码和图片资源等打包导出到release_ios目录下:
生成jsbundle
其中,assets为项目中的JS部分所用到的图片资源(不包括原生模块中的图片资源),main.jsbundle是JS部分的代码。
在执行打包命令之前,我们需要先确保在我们项目的根目录有release_ios文件夹,没有的话创建一个。
第二步:将js bundle包和图片资源导入到iOS项目中
这一步我们需要用到XCode,选择assets文件夹与main.jsbundle文件将其拖拽到XCode的项目导航面板中即可。
导入jsbundle
然后,修改AppDelegate.m文件,添加如下代码:
上述代码的作用是让React Native去使用我们刚才导入的jsbundle,这样以来我们就摆脱了对本地nodejs服务器的依赖。
提示:如果在项目中使用了CodePush热更新,那么我们需要就可以直接通过CodePush来读取本地的jsbundle,方法如下:
到目前为止呢,我们已经将js bundle包和图片资源导入到iOS项目中,接下来我们就可以发布我们的iOS应用了。
第三步:发布iOS应用
发布iOS应用我们需要有一个99美元的账号用于将App上传到AppStore,或者是299美元的企业级账号用于将App发布到自己公司的服务器或第三方公司的服务器。
接下来我们就需要进行申请APPID ? 在Tunes Connect创建应用 ? 打包程序 ? 将应用提交到app store等几大步骤。
因为官方文档中有详细的说明,在这我就不再重复了。
如果,大家在打包发布React Native iOS应用的过程中遇到问题可以在本文的下方进行留言,我看到了后会及时回复的哦。
在本文中我将为大家讲解如何打包和发布React Native iOS App。
第一步:导出js bundle包和图片资源
和打包React Native Android应用不同的是,我们无法通过命令一步进行导出React Native iOS应用。我们需要将JS部分的代码和图片资源等打包导出,然后通过XCode将其添加到iOS项目中。
导出js bundle的命令
在React Native项目的根目录下执行:
生成jsbundle
其中,assets为项目中的JS部分所用到的图片资源(不包括原生模块中的图片资源),main.jsbundle是JS部分的代码。
在执行打包命令之前,我们需要先确保在我们项目的根目录有release_ios文件夹,没有的话创建一个。
第二步:将js bundle包和图片资源导入到iOS项目中
这一步我们需要用到XCode,选择assets文件夹与main.jsbundle文件将其拖拽到XCode的项目导航面板中即可。
导入jsbundle
然后,修改AppDelegate.m文件,添加如下代码:
提示:如果在项目中使用了CodePush热更新,那么我们需要就可以直接通过CodePush来读取本地的jsbundle,方法如下:
第三步:发布iOS应用
发布iOS应用我们需要有一个99美元的账号用于将App上传到AppStore,或者是299美元的企业级账号用于将App发布到自己公司的服务器或第三方公司的服务器。
接下来我们就需要进行申请APPID ? 在Tunes Connect创建应用 ? 打包程序 ? 将应用提交到app store等几大步骤。
因为官方文档中有详细的说明,在这我就不再重复了。
如果,大家在打包发布React Native iOS应用的过程中遇到问题可以在本文的下方进行留言,我看到了后会及时回复的哦。
相关文章推荐
- React Native发布APP之打包iOS应用
- React Native发布APP之打包iOS应用
- React Native发布APP之打包iOS应用
- React Native iOS 应用发布和调试
- IOS开发创建开发证书及发布App应用(六)——打包应用
- IT瞄~ react-native 加签打包发布app
- IOS应用打包并发布APP至AppStore(Xcode6)
- Aviary发布iOS和Android App 成功从Android插件转型独立应用
- react-native开发swift的ios应用,使用callback通信方式回调键值对组
- 不懂ios软件发布,想问问怎样免越狱安装app打包好的软件
- React Native 简介:用 JavaScript 搭建 iOS 应用(2)
- Android应用打包发布之app混淆
- react-native android打包发布
- 【指导】iOS APP Jenkins自动编译(xcodebuild)、打包(xcrun)、发布(Apache/scp)
- Facebook F8App-ReactNative项目源码分析5-iOS篇
- LayaAir引擎学习日志13----LayaAir怎么在mac环境下打包成ios的app以及发布的所有流程
- 如何用 React Native 创建一个iOS APP?(三)
- 柔弱的APP如何自我保护,浅谈APP防御手段,使用360加固助手加固/签名/多渠道打包/应用市场发布
- IOS开发创建开发证书及发布App应用(一)——流程说明
- 苹果App Store开发者帐户从申请,验证,到发布应用(4) 分类: ios相关 app相关 2015-04-03 12:07 160人阅读 评论(0) 收藏