小程序发布版本后提示更新

8 阅读1分钟

框架

uniapp + vue3 + ts

作用

小程序发布新版本之后,提示用户版本更新并重启小程序

App.vue

<script>
export default {
	onLaunch: function () {
		const updateManager = uni.getUpdateManager();
		updateManager.onCheckForUpdate(function (res) {
			// 请求完新版本信息的回调
			console.log('hasUpdate:', res.hasUpdate);
		});
		updateManager.onUpdateReady(function () {
			uni.showModal({
				title: '更新提示',
				content: '新版本已经准备好,是否重启应用?',
				success: function (res) {
					if (res.confirm) {
						// 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
						updateManager.applyUpdate();
					}
				}
			});
		});
		updateManager.onUpdateFailed(function () {
			console.log('新版本下载失败');
		});
	},
	onShow: function () {
		console.log('App Show');
	},
	onHide: function () {
		console.log('App Hide');
	}
};
</script>

<style lang="scss">
</style>