微信小程序 版本更新 强制更新新版本

在点击小程序发布的时候选择，版本升级 选项

 

之前用户使用过的再打开小程序页面就会弹出升级弹窗modal

在utils.js中声明版本更新方法

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

// static/utils/index.js    export function checkUpdateVersion() {   //创建 UpdateManager 实例   const updateManager = uni.getUpdateManager();   //检测版本更新   updateManager.onCheckForUpdate(function(res) {     // 请求完新版本信息的回调     if (res.hasUpdate) {       //监听小程序有版本更新事件       updateManager.onUpdateReady(function() {         uni.showModal({           title: '更新提示',           content: '新版本已经准备好，是否重启应用？',           success(res) {             if (res.confirm) {               // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启               updateManager.applyUpdate();             }           }         })       })          updateManager.onUpdateFailed(function() {         // 新版本下载失败         uni.showModal({           title: '已经有新版本咯~',           content: '请您删除当前小程序，到微信 “发现-小程序” 页，重新搜索打开呦~',         })       })     }   }) }

 

在App.vue调用更新方法，在onLaunch声明周期调用，版本更新

//App.vue
<script setup>
    import {
        checkUpdateVersion
    } from '@/utils/updatemanager';  //引入须在onLaunch的前端。
    import {
        onShow,
        onLaunch,
    } from "@dcloudio/uni-app"
onLaunch: function() {
    checkUpdateVersion(); //版本更新
}