【微信小程序-原生开发】启动时自动升级更新到最新版本

简介: 【微信小程序-原生开发】启动时自动升级更新到最新版本

因微信客户端对微信小程序有缓存机制,新发布的微信小程序版本通常在24小时后才会更新,要想让用户更快体验到最新发布的微信小程序,需在微信小程序启动时,自动检测并升级更新到最新版本,代码如下:

在 app.js 的 onLaunch 中添加下方代码即可。

    checkUpdate()
    /**
     * 版本更新机制兼容低版本代码
     */
    function checkUpdate() {
      // 判断当前微信版本是否支持检测更新接口,注:(基础库版本大于v1.9.90才可以使用getUpdateManager接口所以要做低版本兼容处理)
      if (wx.canIUse('getUpdateManager')) {
        const updateManager = wx.getUpdateManager();
        // 请求完新版本信息的回调
        updateManager.onCheckForUpdate(function (res) {
          // 如有新版本则进行静默下载更新并提示
          if (res.hasUpdate) {
            // 新版本下载成功
            updateManager.onUpdateReady(function () {
              wx.showModal({
                title: '更新提示',
                content: '发现新版本',
                showCancel: false,
                success(res) {
                  if (res.confirm) {
                    // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                    updateManager.applyUpdate();
                  }
                }
              })
            });
            // 新版本下载失败
            updateManager.onUpdateFailed(function () {
              wx.showModal({
                title: '更新提示',
                content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~',
                showCancel: false
              })
            })
          }
        });
      } else {
        // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示
        wx.showModal({
          title: '提示',
          content: '当前微信版本过低,无法使用最新版的小程序,请升级到最新微信版本后重试。',
          success(res) {
            if (res.confirm) {
              // 使用此接口可直接跳转至微信客户端更新下载页面
              wx.updateWeChatApp();
            }
          }
        })
      }
    }
目录
相关文章
|
3天前
|
小程序 开发者
uniapp实战 —— 开发微信小程序的调试技巧
uniapp实战 —— 开发微信小程序的调试技巧
10 1
|
3天前
|
XML 关系型数据库 MySQL
支付系统----微信支付19---集成MyBatis-plus,数据库驱动对应的依赖版本设置问题,5没版本没有cj这个依赖,mysql驱动默认的是版本8,这里是一个父类,数据库都有,写个父类,继承就行
支付系统----微信支付19---集成MyBatis-plus,数据库驱动对应的依赖版本设置问题,5没版本没有cj这个依赖,mysql驱动默认的是版本8,这里是一个父类,数据库都有,写个父类,继承就行
|
3天前
|
小程序 定位技术 API
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
8 0
|
3天前
|
小程序 前端开发
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
17 0
|
3天前
|
小程序
【微信小程序-原生开发】实用教程21 - 分包
【微信小程序-原生开发】实用教程21 - 分包
9 0
|
3天前
|
前端开发 小程序
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
7 0
|
3天前
|
小程序 前端开发
【微信小程序-原生开发】添加自定义图标(以使用阿里图标库为例)
【微信小程序-原生开发】添加自定义图标(以使用阿里图标库为例)
14 0
|
4天前
|
小程序
【微信小程序-原生开发】客服
【微信小程序-原生开发】客服
63 0
|
4天前
|
小程序
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
14 0
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
|
4天前
|
存储 小程序 API
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
6 0
【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)