安装注意事项
按照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)
