微信小程序版本更新提示

前言

最近搞小程序看到了这个，之前没手动加过，这次搞了，就简单记录一下，这里用微信原生代码记录一下，uniapp，taro等可以自己稍微变化一下即可

app.js

页面初始化调用updateManager

import updateManager from './common/updateManager';

App({
  onLaunch: function () {},
  onShow: function () {
    updateManager();
  },
});

updateManager.js

这里非常简单，大家看一眼就会了

export default () => {
  if (!wx.canIUse('getUpdateManager')) {
    return;
  }

  const updateManager = wx.getUpdateManager();

  updateManager.onCheckForUpdate(function (res) {
    // 请求完新版本信息的回调
    console.log('版本信息', res);
  });

  updateManager.onUpdateReady(function () {
    wx.showModal({
      title: '更新提示',
      content: '新版本已经准备好，是否重启应用？',
      success(res) {
        if (res.confirm) {
          // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
          updateManager.applyUpdate();
        }
      },
    });
  });

  updateManager.onUpdateFailed(function () {
    // 新版本下载失败
  });
};

显示版本

然后在需要显示版本的地方

const versionInfo = wx.getAccountInfoSync();
const { version } = versionInfo.miniProgram;

这里的version就是我们发布小程序的发布版本。

结语

这样就实现了小程序更新，用户进入的时候会有更新提示。本篇文章就到这里了，更多内容敬请期待。