安装注意事项

按照https://github.com/microsoft/react-native-code-push的安装步骤安装

• 安装步骤只需要执行这个步骤中的1、3、4步，第二步不需要执行，如果执行了可能会打包报错
  https://github.com/microsoft/react-native-code-push/blob/master/docs/setup-android.md#plugin-installation-and-configuration-for-react-native-060-version-and-above-android
• strings.xml里面要有下面的配置，但是值可以为空，通过js设置这个值

<string moduleConfig="true" name="CodePushDeploymentKey"></string>

• 如果遇到不能更新到最新版可能是这个问题，需要在android/app/build.gradle的android defaultConfig 新增一行
  https://github.com/microsoft/react-native-code-push/issues/2148#issuecomment-943161890

    defaultConfig {
        applicationId "com.duxapp"
        minSdkVersion rootProject.ext.minSdkVersion
        targetSdkVersion rootProject.ext.targetSdkVersion
        versionCode 1
        versionName "1.0.0"
        // 添加这行
        resValue 'string', "CODE_PUSH_APK_BUILD_TIME", String.format("\"%d\"", System.currentTimeMillis())
    }

打包

配置TaroConfig config/index.js，此配置的目的是将 yarn build:rn 生成的文件放在一个临时目录下

rn: {
    output: {
      android: './dist/codePush/index.android.bundle',
      androidAssetsDest: './dist/codePush',
    }
  }

运行yarn build:rn打包js文件

yarn build:rn

appcenter基础

将appcenter命令安装到全局，或者你可以将下面用到的appcenter命令使用 npx appcenter代替

npm install -g appcenter

登录到appcenter，登录之前需要先注册账号https://appcenter.ms/apps

appcenter login

app的创建你可以在微软的appcenter网站上创建，也可以使用命令创建和管理，命令的功能更强大
使用appcenter apps命令，用于查看，创建、删除，设置默认app。
后面所有的appcenter codepush命令都需要指定 -a参数指定需要操作的app，如果你指定了默认app也可以不指定这个参数

关键打包上传命令

使用这个命令就能将代码提交到appcenter了

appcenter codepush release -a xj908634674-live.com/duxapp-android -t ^1.0.0 -d Production -c dist/codePush

参数说明
-a 账户/你的app，android和ios是两个app，因此你在创建的时候要区分命名,这个如果有默认值可以不指定
-t 这个js版本需要支持的app版本，就是说你最低能运行这个代码的app版本
-c 就是要打包的静态js文件，就是上面配置的打包目录
-d 要发布的部署，可以理解为分支，比如说你有测试人员用Test分支，正常用户就用Production分支一样，你可以使用appcenter codepush deployment list查看你当前的分支，用appcenter codepush deployment add 名称创建分支,用appcenter codepush deployment list -k可以看到分支对应的Key

js部分

创建一个兼容性文件，位于src/utils/codePush.rn.js

import codePush from 'react-native-code-push'
import { Platform } from 'react-native'

const option = {
  // 在app运行到前台的时候检查更新
  checkFrequency: codePush.CheckFrequency.ON_APP_RESUME,
  // 安装模式 在下一次启动的时候自动安装
  installMode: codePush.InstallMode.ON_NEXT_RESUME,
  // 指定上面提到的分支对应的key，可以用 `appcenter codepush deployment list -k` 命令查看每个分支的key，这个参数在安卓或者ios的安装步骤中也有提到，只是这里你可以用js进行覆盖
  deploymentKey: Platform.OS === 'android' ? ''：'',
  // 安装重试选项 我遇到到了奇怪的回滚问题，设置这个以后似乎正常了
  rollbackRetryOptions: {
    delayInHours: 0,
    maxRetryAttempts: 5
  }
}

// eslint-disable-next-line no-undef
export default app => __DEV__ ? app : codePush(option)(app)

对应编辑一个src/utils/codePush.js,用来兼容其它端

export default app => app

然后在app.js文件里面导入

import { Component } from 'react'
// 这一行
import codePush from './utils/codePush'

import './app.scss'

class App extends Component {

  async componentWillMount() {
  }

  componentDidMount() {

  }

  componentWillUnmount() {

  }

  componentDidShow() {
  }

  // this.props.children 是将要会渲染的页面
  render() {
    return <>
      {this.props.children}
    </>
  }
}

// 将导出用codePush函数包装
export default codePush(App)