美文网首页
微信小程序-强制手机端更新

微信小程序-强制手机端更新

作者: 雷子_ | 来源:发表于2019-06-02 18:33 被阅读0次

    小程序的更新机制

    开发者在管理后台发布新版本的小程序之后,如果某个用户本地有小程序的历史版本,此时打开的可能还是旧版本。微信客户端会有若干个时机去检查本地缓存的小程序有没有更新版本,如果有则会静默更新到新版本。总的来说,开发者在后台发布新版本之后,无法立刻影响到所有现网用户,但最差情况下,也在发布之后 24 小时之内下发新版本信息到用户。用户下次打开时会先更新最新版本再打开。

    启动时更新

    小程序每次冷启动时,都会检查是否有更新版本,如果发现有新版本,将会异步下载新版本的代码包,并同时用客户端本地的包进行启动,即新版本的小程序需要等下一次冷启动才会应用上。

    关于冷/热启动及前/后台的概念,请参照小程序文档运行机制

    可以通过wx.getUpdsateManagerAPI来强制用户在启动时更新新版本。

            wx.showLoading({
                title: '加载中..',
                mask: true
            })
    
            const updateManager = wx.getUpdateManager()
    
            updateManager.onCheckForUpdate(function (res) {
                // 请求完新版本信息的回调
                console.log('是否有新版本: ', + res.hasUpdate)
                if (!res.hasUpdate) {
                    wx.hideLoading()
                } 
            })
    
            updateManager.onUpdateReady(function () {
                wx.hideLoading()
                wx.showModal({
                    title: '更新提示',
                    content: '新版本已经准备好,是否重启应用?',
                    showCancel: false,
                    success: function (res) {
                        if (res.confirm) {
                            // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                            updateManager.applyUpdate()
                        }
                    }
                })
            })
    
            updateManager.onUpdateFailed(function () {
                wx.hideLoading();
                wx.showModal({
                    title: '提示',
                    content: '检查到有新版本,但下载失败,请检查网络后重试',
                    showCancel: false
                })
            })
    
            setTimeout(wx.hideLoading, 5000)
    

    由于onCheckForUpdate在检查新版本的时候会存在一定的延迟(在开发工具上大概4秒左右),为防止在检查新版本过程中用户触发操作跳出首页,添加了一个wx.showLoading进行遮盖。

    需要注意,上面的代码更新到新版本后也是不会立即生效的,所以还是需要用户进行一次冷启动。

    参考:https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/update-mechanism.html

    相关文章

      网友评论

          本文标题:微信小程序-强制手机端更新

          本文链接:https://www.haomeiwen.com/subject/eftfxctx.html