美文网首页
react-native-update 利用pushy热更新(i

react-native-update 利用pushy热更新(i

作者: 行走在北方 | 来源:发表于2018-01-29 11:17 被阅读361次

一、先把环境搭建好,好进行下面的步骤
安装

在你的项目根目录下运行以下命令:

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工程和安卓工程均能看到依赖),可以跳过此步骤

  1. 在XCode中的Project Navigator里,右键点击LibrariesAdd Files to [你的工程名]
  2. 进入node_modulesreact-native-updateios 并选中RCTHotUpdate.xcodeproj`
  3. 在XCode中的project navigator里,选中你的工程,在 Build PhasesLink Binary With Libraries 中添加 libRCTHotUpdate.a
  4. 继续在Build Settings里搜索Header Search Path,添加$(SRCROOT)/../node_modules/react-native-update/ios
  5. 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版本热更新就不会出问题
如果有问题,请留言

相关文章

网友评论

      本文标题:react-native-update 利用pushy热更新(i

      本文链接:https://www.haomeiwen.com/subject/xdztzxtx.html