51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

uniapp vue3小程序版本更新升级提示

在uni-app开发过程中,应用的版本更新是一个常见的需求。当开发者发布了新版本的小程序后,希望用户在下一次打开旧版小程序时能够收到更新提示,引导用户更新到最新版本。本文介绍了基于uniapp vue3开发的微信小程序迭代更新版本后,用户使用小程序时提示其升级版本。

版本说明: 基于uniapp vue3 ts

实现方式: 在uniapp小程序的App.vue文件中,在onLaunch或onShow生命周期钩子中检测版本更新,我是在onLaunch里面判断的。代码如下:

onLaunch: function () {
	// uni.hideTabBar()
	console.log('App Launch')
const updateManager = uni.getUpdateManager(); // 小程序版本更新管理器
updateManager.onCheckForUpdate(res => { // 检测新版本后的回调
	// console.log('App Launch-res',res)
	if (res && res.hasUpdate) { // 如果有新版本提醒并进行强制升级
		uni.showModal({
			title: '更新提示',
			content: '新版本已经准备好,请重启并应用新版本',
			showCancel: false,
			confirmText: '确定',
			success: res => {
				if (res.confirm) {
					updateManager.onUpdateReady(res => { // 新版本下载完成的回调
						updateManager.applyUpdate() // 强制当前小程序应用上新版本并重启
					})
					updateManager.onUpdateFailed(res => { // 新版本下载失败的回调
						// 新版本下载失败,提示用户删除后通过冷启动重新打开
						uni.showModal({
							content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~',
							showCancel: false,
							confirmText: '知道了'
						})
					})
				}
			}
		})
	}
})

}

uniapp小程序版本更新提示提醒 vue2

赞(2)
未经允许不得转载:工具盒子 » uniapp vue3小程序版本更新升级提示