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

相关推荐
qq_424409198 小时前
uniapp的app项目,某个页面长时间无操作,返回首页
前端·vue.js·uni-app
2501_915918418 小时前
Fiddler中文版全面评测:功能亮点、使用场景与中文网资源整合指南
android·ios·小程序·https·uni-app·iphone·webview
不知名It水手10 小时前
uniapp运行项目到ios基座
ios·uni-app·cocoa
hunzi_110 小时前
搭建商城系统
java·uni-app·php
合作小小程序员小小店13 小时前
web网页,在线%食谱推荐系统%分析系统demo,基于vscode,uniapp,vue,java,jdk,springboot,mysql数据库
vue.js·spring boot·vscode·spring·uni-app
普宁彭于晏14 小时前
Uni-app 生命周期与钩子:程序的“生命”旅程
uni-app·vue
鸭鸭梨吖15 小时前
微信小程序---下拉框
微信小程序·小程序
CRMEB定制开发16 小时前
CRMEB Pro版前端环境配置指南
前端·微信小程序·uni-app·商城源码·微信商城·crmeb
mon_star°19 小时前
搭建一款结合传统黄历功能的日历小程序
微信·微信小程序·小程序·微信公众平台
The_era_achievs_hero19 小时前
微信小程序91~100
微信小程序·小程序