React Native之code-push的热更新(ios android)

 

React Native之code-push的热更新(ios android)

React Native支持大家用React Native技术开发APP,并打包生成一个APP。在动态更新方面React Native只是提供了动态更新的基础,对将应用部署到哪里,如何进行动态更新并没有支持的那么完善。好在微软开发了CodePush,填补React Native 应用在动态更新方面的空白。CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务。下面将向大家分享如何使用CodePush实时更新你的应用。

一,CodePush简介

CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务。
CodePush 是提供给 React Native 和 Cordova 开发者直接部署移动应用更新给用户设备的云服务。CodePush 作为一个中央仓库,开发者可以推送更新 (JS, HTML, CSS and images),应用可以从客户端 SDK 里面查询更新。CodePush 可以让应用有更多的可确定性,也可以让你直接接触用户群。在修复一些小问题和添加新特性的时候,不需要经过二进制打包,可以直接推送代码进行实时更新。

CodePush 可以进行实时的推送代码更新:

  • 直接对用户部署代码更新
  • 管理 Alpha,Beta 和生产环境应用
  • 支持 React Native 和 Cordova
  • 支持JavaScript 文件与图片资源的更新

CodePush开源了react-native版本,react-native-code-push托管在GitHub上。

二,安装与注册CodePush

2.1,安装 CodePush CLI

在终端输入如下:

复制代码
1 npm install -g code-push-cli
复制代码
1  code-push -v //查看版本 

2.2,创建一个CodePush 账号

1 code-push register

在终端输入code-push register,会打开注册页面让你选择授权账号。授权通过之后,CodePush会告诉你“access key”,复制此key到终端即可完成注册。 https://appcenter.ms/

三,集成CodePush SDK

第一步:在项目中安装 react-native-code-push插件,终端进入你的项目根目录然后运行

复制代码
1 npm install --save react-native-code-push
复制代码

3.1,Android集成SDK

第二步: 运行 npm link react-native-code-push。这条命令将会自动帮我们在anroid文件中添加好设置

第三步: 在 android/app/build.gradle文件里面添如下代码:

复制代码
1 apply from: "../../node_modules/react-native-code-push/android/codepush.gradle"
复制代码

如果第二步没有成功,则手动配置

复制代码
1 ... 2 dependencies { 3 ... 4     implementation project(':react-native-code-push') 5  ... 6 } 7 ...
复制代码

在/android/settings.gradle中添加如下代码:

关键字:
50000+
5万行代码练就真实本领
17年
创办于2008年老牌培训机构
1000+
合作企业
98%
就业率

联系我们

电话咨询

0532-85025005

扫码添加微信