微信小程序自动检测版本并提示更新新版本
2023-09-11 14:19:17 时间
微信小程序自动检测版本并提示更新新版本
微信小程序开发过程中,我们在版本更新迭代后,微信小程序客户端并不能触发自动更新,需要用户手动清理小程序后重新搜索进入后才能获取到最新的小程序版本,但是这个是用户所不能感知到的操作,也很麻烦,故需要提醒用户如何去获取到最新的版本,我们只需要在微信小程序app.js文件中编写以下代码即可。
在app.js中加入以下两个方法即可
获取小程序更新机制的兼容,由于更新的功能基础库要1.9.90以上版本才支持,所以此处要做低版本的兼容处理
//获取小程序更新机制的兼容,由于更新的功能基础库要1.9.90以上版本才支持,所以此处要做低版本的兼容处理
autoUpdate: function () {
let _this = this
// 获取小程序更新机制的兼容,由于更新的功能基础库要1.9.90以上版本才支持,所以此处要做低版本的兼容处理
if (wx.canIUse('getUpdateManager')) {
// wx.getUpdateManager接口,可以获知是否有新版本的小程序、新版本是否下载好以及应用新版本的能力,会返回一个UpdateManager实例
const updateManager = wx.getUpdateManager()
// 检查小程序是否有新版本发布,onCheckForUpdate:当小程序向后台请求完新版本信息,会通知这个版本告知检查结果
updateManager.onCheckForUpdate(function (res) {
// 请求完新版本信息的回调
if (res.hasUpdate) {
// 检测到新版本,需要更新,给出提示
wx.showModal({
title: '更新提示',
content: '检测到新版本,是否下载新版本并重启小程序',
success: function (res) {
if (res.confirm) {
// 用户确定更新小程序,小程序下载和更新静默进行
_this.downLoadAndUpdate(updateManager)
} else if (res.cancel) {
// 若用户点击了取消按钮,二次弹窗,强制更新,如果用户选择取消后不需要进行任何操作,则以下内容可忽略
wx.showModal({
title: '提示',
content: '本次版本更新涉及到新功能的添加,旧版本将无法正常使用',
showCancel: false, // 隐藏取消按钮
confirmText: '确认更新', // 只保留更新按钮
success: function (res) {
if (res.confirm) {
// 下载新版本,重启应用
_this.downLoadAndUpdate(updateManager)
}
}
})
}
}
})
}
})
} else {
// 在最新版本客户端上体验小程序
wx.showModal({
title: '提示',
content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试',
})
}
},
下载小程序最新版本并重启
// 下载小程序最新版本并重启
downLoadAndUpdate: function (updateManager) {
wx.showLoading()
// 静默下载更新小程序新版本,onUpdateReady:当新版本下载完成回调
updateManager.onUpdateReady(function () {
wx.hideLoading()
// applyUpdate:强制当前小程序应用上新版本并重启
updateManager.applyUpdate()
})
// onUpdateFailed:当新版本下载失败回调
updateManager.onUpdateFailed(function () {
// 下载新版本失败
wx.showModal({
title: '已有新版本',
content: '新版本已经上线了,请删除当前小程序,重新搜索打开',
})
})
}
小程序其他知识点
相关文章
- Android 高仿微信(QQ)滑动弹出编辑、删除菜单效果,增加下拉刷新功能
- 微信小程序实时通讯(websocket)问题
- 微信小程序_(组件)picker
- Python微信公众号教程基础篇——收发文本消息
- 关于微信小程序在ios中无法调起摄像头问题
- jsapi微信扫一扫
- 【刷题】面筋-测开-聊天功能测试&微信聊天
- 通过摄像机视频设备或者流媒体服务器SDK获取到数据转换成RTMP流实现网页/手机微信播放
- 基于EasyDarwin云视频平台的幼儿园视频直播(手机直播/微信直播)解决方案
- 微信公众平台向特定用户推送消息
- 【微信小程序】---- Promise.then(success, fail)执行顺序的问题
- 微信小程序----手势锁详解
- 微信小程序----实现YDUI的ScrollTab(滚动选项卡)
- 微信小程序----checkbox组件
- 微信小程序----折叠面板(MUI折叠面板)
- 微信抢红包软件-android
- 微信小程序页面路由
- 微信小程序开发系列教程三:微信小程序的调试方法
- 微信小程序wx.previewImage(Object object)真机调试无法全屏预览图片
- uniapp-微信小程序分包操作步骤详解
- 电脑只能登录微信?但却打不开网页?不能上网怎么办?ip地址和DNS出问题了无法上网怎么办?
- 【全套】Android架构师进阶学习教程(性能优化、Kotlin、Flutter、微信小程序...)
- cocos2dx游戏开发——微信打飞机学习笔记(一)——开发准备
- 微信公众号之生成带参数的二维码