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

知识准备

uni.getUpdateManager文档介绍

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

代码参考

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、查看效果

相关推荐
niew~5 小时前
用uni-app写的开灯、关灯的面板界面
前端·javascript·uni-app
寰梦6 小时前
Docker(Nginx) 部署 uniapp
nginx·docker·uni-app
Jiaberrr7 小时前
微信小程序中 crypto-js 加解密全攻略
前端·javascript·vue.js·微信小程序·小程序
一朵好运莲10 小时前
HBuilderX(uni-app)Vue3路由传参和接收路由参数!!
前端·vue.js·uni-app
哟哟耶耶15 小时前
learn-(Uni-app)输入框u-search父子组件与input输入框(防抖与搜索触发)
uni-app
写BUG天花板15 小时前
Vscode 构建 uniapp vue3 + ts 微信小程序项目
vscode·微信小程序·uni-app
2401_8441401816 小时前
同城到家预约上门服务解决方案:家政预约同城服务小程序
微信小程序·小程序·微信公众平台
说私域16 小时前
电商信任构建与创新模式:基于 2+1 链动模式与 S2B2C 商城小程序的分析
大数据·人工智能·微信小程序·小程序
wangjiecsdn19 小时前
uniapp打包APP跳转华为应用商城(跳转各个应用商店)
华为·uni-app
fakaifa20 小时前
CRMEB Pro版v3.2源码全开源+PC端+Uniapp前端+搭建教程
小程序·uni-app·php·生活·开源软件·源码下载