duxapp RN 端使用AppUpgrade 进行版本更新

版本更新包含了组件和工具的组合

注册

下面这是 duxcms 入口文件检查更新的注册方法，注册的同时会检查更新

import {request,updateApp,userConfig
} from './utils'// 检查app更新
setTimeout(async () => {if (process.env.TARO_ENV === 'rn') {// eslint-disable-next-line no-undefif (__DEV__) {return console.log('调试模式不检查更新')}updateApp(async () => {const type = userConfig.option.duxcms?.appUpgrade?.typeconst { info } = await request({ url: 'upgrade/check', data: type ? { type } : {} })return info})}
}, 2000)

updateApp 这个方法同时是检查app更新的方法，你只需要在任何一个地方传入获取更新信息的函数，然后在其他地方使用的时候就可以不传入函数了

import { updateApp, toest } from '@/duxappReactNative'// 后续在其他地方调用，则不需要在传入函数
updateApp().then(res => {if (!res) {toest('已经是最新版本')}
})

如果有新版本，则会自动弹出提示，提示用户是否更新到新版本

注册的获取更新信息的函数，其返回值要包含这些内容

{androidVersion: '1.0.2',androidUpdateInfo: '更新内容',androidDowloadUrl: 'https://xxx.xx/xxx.apk', // 如果存在，这必须要是一个直接下载apk的地址androidUrl: '', // 如果不存在 androidDowloadUrl 可以配置这个，让用户跳转到浏览器去下载apkiosVersion: '1.0.2',iosUpdateInfo: '更新内容',iosUrl: '', // ios跳转地址，一般是传入app store的app地址
}

AppUpgrade 组件

这个组件是用来检查更新的，将一个可点击的子组件放在其中，像这样，他会自动处理更新，不需要你去使用更新方法

如果不是RN端，这个子内容不会显示出来

<AppUpgrade.Version /> 用来显示当前APP的版本信息

import { AppUpgrade } from '@/duxappReactNative'<AppUpgrade><Row items='center' justify='between' className='pv-3'><Text bold grow>版本更新</Text><Text color={3}><AppUpgrade.Version /></Text><CmsIcon name='direction_right' size={32} color={duxappTheme.textColor3} /></Row>
</AppUpgrade>

官方文档