【uni-app 微信小程序】新版本发布提示用户进行更新

YuShiYue2024-12-07 16:01

知识准备

不支持APP与H5，所以在使用的时候要做好平台类型的判断，如何判断，参考条件编译处理多端差异

代码参考

js 复制代码

export const updateApp = () => {
  const updateManager = uni.getUpdateManager()
  updateManager.onCheckForUpdate((res) => {
    // 检测新版本后的回调
    if (res && res.hasUpdate) {
      // 如果有新版本提醒并进行强制升级
      uni.showModal({
        content: '新版本已经准备好，是否重启应用？',
        showCancel: false,
        confirmText: '确定',
        success: (res) => {
          if (res.confirm) {
            updateManager.onUpdateReady((res) => {
              // 新版本下载完成的回调,强制当前小程序应用上新版本并重启
              updateManager.applyUpdate()
            })

            updateManager.onUpdateFailed((res) => {
              // 新版本下载失败的回调
              uni.showModal({
                content: '下载失败，请您删除当前小程序，重新搜索打开',
                showCancel: false,
                confirmText: '知道了',
              })
            })
          }
        },
      })
    }
  })
}

如何开发调试

1、在微信开发者工具中选择添加编译模式

2、勾选编译设置，选择更新状态

3、手动点击编译按钮

4、查看效果