uniapp微信小程序自动检测更新

参考

环境

名称 版本
操作系统 windows10
微信开发者工具 1.06.2206090
HBuilder X 3.4.18
Vue 3
时间 2022/7/4

步骤

  1. 编辑App.vue,在methods下新建onCheckForUpdate方法。
  2. onLaunch内调用this.onCheckForUpdate();

完整代码 App.vue

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

			},
			}
	}
</script>

<style>
	/*每个页面公共css */
</style>

posted @ 2022-07-04 16:21  夏秋初  阅读(380)  评论(0编辑  收藏  举报