一、先把环境搭建好,好进行下面的步骤
安装
在你的项目根目录下运行以下命令:
npm install -g react-native-update-cli
npm install --save react-native-update@具体版本请看下面的表格
react-native link react-native-update(如果link成功的话,就不需要配置了,如果手动配置,请接着看)
npm install -g react-native-update-cli这一句在每一台电脑上仅需运行一次。
注意 *
如果访问极慢或者显示网络失败,请设置使用淘宝镜像(也仅需设置一次):
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
安装命令示例:
npm install --save react-native-update@你想安装的相关版本号
手动link
如果第一步的react-native link
已成功(iOS工程和安卓工程均能看到依赖),可以跳过此步骤
- 在XCode中的Project Navigator里,右键点击
Libraries
➜Add Files to [你的工程名]
- 进入
node_modules
➜react-native-update
➜ios 并选中
RCTHotUpdate.xcodeproj` - 在XCode中的project navigator里,选中你的工程,在
Build Phases
➜Link Binary With Libraries
中添加libRCTHotUpdate.a
- 继续在
Build Settings
里搜索Header Search Path
,添加$(SRCROOT)/../node_modules/react-native-update/ios - Run your project (
Cmd+R
)
二、要配置好自己的项目
配置Bundle URL(iOS)
在工程target的Build Phases->Link Binary with Libraries中加入libz.tbd、libbz2.1.0.tbd
在你的AppDelegate.m文件中增加如下代码:
// ... 其它代码
import "RCTHotUpdate.h"
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
if DEBUG
// 原来的jsCodeLocation保留在这里
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
debug用此模式,即可进行DEBUG的热更新
else
// 非DEBUG情况下启用热更新
jsCodeLocation=[RCTHotUpdate bundleURL];
release用此模式,即可进行release模式的热更新,如果更新失败,也许就是你下边的步骤有误,接着看下边内容
endif
// ... 其它代码
}
三、iOS的ATS例外配置
这个无需介绍,必须的
从iOS9开始,苹果要求以白名单的形式在Info.plist中列出外部的非https接口,以督促开发者部署https协议。在我们的服务部署https协议之前,请在Info.plist中添加
屏幕快照 2018-01-29 上午10.25.58.png
四、开始登陆和创建应用了
首先请在http://update.reactnative.cn注册帐号,然后在你的项目根目录下运行以下命令:
$ pushy login
email: <输入你的注册邮箱>
password: <输入你的密码>
你或者在网站注册和登录都是可以的
这会在项目文件夹下创建一个.update文件,注意不要把这个文件上传到Git等CVS系统上。你可以在.gitignore末尾增加一行.update来忽略这个文件。
屏幕快照 2018-01-29 上午10.29.09.png
一个是iOS另一个是Android
如果你已经在网页端或者其它地方创建过应用,也可以直接选择应用:
屏幕快照 2018-01-29 上午10.31.08.png选择或者创建过应用后,你将可以在文件夹下看到update.json文件,其内容类似如下形式:
{
"ios": {
"appId": 1,
"appKey": "<一串随机字符串>"
},
"android": {
"appId": 2,
"appKey": "<一串随机字符串>"
}
}
这一点很重要。。。。
五、下边就是添加热更新代码了
https://github.com/reactnativecn/react-native-pushy/blob/master/docs/guide2.md
六、进行发布上传包等
https://github.com/reactnativecn/react-native-pushy/blob/master/docs/guide3.md
七、主要介绍一些出现的问题
屏幕快照 2018-01-29 上午10.36.41.png
打完包之后就上传
2018-01-29_11-05-27.png
如果出现此问题,就说明上传的IPA有重复,可以在网页端看下版本号,要么删除掉,要么就是+1个版本,这样下次就会成功上传。
上传不成功的话,你就会更新失败
关键语句不重复多次。。。
上述问题都没有问题,iOS版本热更新就不会出问题
如果有问题,请留言
网友评论