React Native CodePush集成与使用（windows）

  • Z时代
  • 2024-01-10
  • 分类：综合

react

1，集成Code-Push

a,安装codepush客户端

终端命令：npm install -g code-push-cli

查看codepush版本：code-push -v

说明：若找不到npm命令，则是你的NODEJS没有安装，可以参考以下链接进行安装：

https://blog.csdn.net/mortal_li/article/details/79423310

b,注册codepush token

命令：code-push register

输入命令会弹出网页进行注册：通常会选择github账户进行绑定。

注册完成后会显示注册的key，在终端输入key即可登录。

c,向codepush注册自己的app

命令：code-push app add appName platform language

 说明：appName：向codepush注册app的名字；platform：运行平台（ios/windows/android）；language：开发语言（react-native/cordova）

得到的两个key，一个是生产环境使用（Staging），一个是正式环境使用（Production）。

d,集成codepush 插件

在项目的根目录下依次执行命令：

npm install --save react-native-code-push #集成code-push插件

npm i -g rnpm                                             #安装rnpm(若已安装则跳过此步骤)

rnpm link react-native-code-push               #配置android参数

 说明：依次执行完成后，终端会提示输入上边注册app的两个key。也可以直接回车忽略，之后我们自己设置。

e,配置android系列参数

将app版本名称设置为x.x.x的格式（如：1.0.0）说明：codepush只支持三位版本号

 

在buildTypes中添加如下代码。说明：在key外边有双引号。

buildTypes {
    release {
        ...
        buildConfigField "String", "CODEPUSH_KEY", '"Production key"'
    }
    releaseStaging {
        ...
        buildConfigField "String", "CODEPUSH_KEY", '"Production key"'
    }
    debug {
        ...
        buildConfigField "String", "CODEPUSH_KEY", '"staging key"'
    }
}

 

在MainApplication中使用codepush。

new CodePush(BuildConfig.CODEPUSH_KEY, MainApplication.getContext(), BuildConfig.DEBUG)

 至此Code Push for Android的SDK已经集成完成。

2,使用Code-Push

首先需要明确codepush的工作原理，其实很简单，就是把自己的代码打包后长传到codepush服务器，之后在app中拉取更新即可。

a,将代码打包推送至Code-Push服务器

code-push release-react <appName> <platform> --t <version> --dev <boolean> --d <Staging/Production> --des <string> --m <boolean>

说明：appName：向codepush注册app的名字；platform：运行平台（ios/windows/android）；--t：app的build.gradle中versionName的版本号；--dev：是否启用开发者模式(默认为false)；--d：发布的环境是开发环境（Staging）或者正式环境（Production）；--des：发布更新的描述；--m：是否强制更新。

b,代码中添加更新

//在需要更新的位置添加代码
import CodePush from 'react-native-code-push';

CodePush.sync({
    installMode: CodePush.InstallMode.ON_NEXT_RESUME,//更新策略
});

说明：

a,更新策略有三种：1，下载bundle包后立即更新；2，应用进入后台时更新；3，应用下次启动时更新。

b,--m为true时，应用更新后会自动重新启动应用并加载下载的bundle包。

以上是 React Native CodePush集成与使用（windows） 的全部内容， 来源链接： utcz.com/z/382260.html

回到顶部