• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > 微信小程序发布新版本时自动提示用户更新的方法

微信小程序发布新版本时自动提示用户更新的方法

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了微信小程序,发布新版本,自动提示用户更新等相关知识,希望对您有所帮助

这篇文章主要介绍了微信小程序发布新版本时自动提示用户更新的方法,文中通过示例代码介绍的非常详细,对大家学习或者使用小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧


如图,当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除),则会弹出这个提示,提醒用户更新新的版本。用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新。


微信小程序发布新版本时自动提示用户更新的方法


官方给的示例代码:

const updateManager = wx.getUpdateManager()updateManager.onCheckForUpdate(function(res) {    // 请求完新版本信息的回调    console.log(res.hasUpdate)})updateManager.onUpdateReady(function() {    wx.showModal({        title: '更新提示',        content: '新版本已经准备好,是否重启应用?',        success(res) {            if (res.confirm) {                // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启                updateManager.applyUpdate()            }        }    })})updateManager.onUpdateFailed(function() {    // 新版本下载失败})

官方提供的demo中,只有最基本的更新提示,并未做异常处理。而且官方也说了这个功能基础库 1.9.90 开始支持,低版本需做兼容处理,那么就需要对着端代码进行改进了。

另一方面,如果当前版本更新有重大调整,一定需要用户更新,那么可以在用户点击取消的回调中给出提示,并重新进入版本提示流程。如下图,在上边的更新提示中,用户点击取消,则弹出下面提示弹窗,用户点击确定,则更新版本,点击取消,则重新调用上边的更新提示。总之,用户只有更新了,才能正常访问小程序(如非必须,建议慎用)。

微信小程序发布新版本时自动提示用户更新的方法

改善后的代码:

//app.jsApp({    onLaunch: function(options) {        this.autoUpdate()    },    autoUpdate: function() {        console.log(new Date())        var self = this        // 获取小程序更新机制兼容        if (wx.canIUse('getUpdateManager')) {            const updateManager = wx.getUpdateManager()            //1. 检查小程序是否有新版本发布            updateManager.onCheckForUpdate(function(res) {                // 请求完新版本信息的回调                if (res.hasUpdate) {                    //2. 小程序有新版本,则静默下载新版本,做好更新准备                    updateManager.onUpdateReady(function() {                        console.log(new Date())                        wx.showModal({                            title: '更新提示',                            content: '新版本已经准备好,是否重启应用?',                            success: function(res) {                                if (res.confirm) {                                    //3. 新的版本已经下载好,调用 applyUpdate 应用新版本并重启                                    updateManager.applyUpdate()                                } else if (res.cancel) {                                    //如果需要强制更新,则给出二次弹窗,如果不需要,则这里的代码都可以删掉了                                    wx.showModal({                                        title: '温馨提示~',                                        content: '本次版本更新涉及到新的功能添加,旧版本无法正常访问的哦~',                                        success: function(res) {                                            self.autoUpdate()                          
  


 
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 手把手教你在微信小程序中使用canvas绘制天气折线图(附代码)
  • 微信小程序页面向下滚动时tab栏固定页面顶部实例讲解
  • uniapp实现微信小程序全局分享的示例代码
  • 浅析微信小程序中自定义组件的方法
  • 微信小程序发布新版本时自动提示用户更新的方法
  • 微信小程序wx.request使用POST请求时后端无法获取数据解决办法
  • 微信小程序如何获取到openid和session_key
  • PHP微信小程序解包过程实例详解
  • 微信小程序中的button按钮宽度设置无效怎么办
  • 微信小程序反编译提取源代码方法

相关文章

  • Illustrator制作针线缝制的字体效果
  • 使用PHP中3个神奇常量快速获取目录、文件名和行号
  • Centos MySQL 忘记密码怎么办
  • PHP怎么删除最后一个字符
  • 免费网站目录提交网址收集
  • AI绘制质感电池图标
  • MySQL忘记密码的解决方法:无密码登录并重置root密码
  • WordPress控制文章评论最少字数和最大字数
  • Photoshop设计书法人像前后期创作分享
  • Photoshop CC教程:您必须知道的CC新功能

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • AI教程巧形状生成器制作设计立体渐变数字字体设计教程
    • Discuz!您当前的访问请求当中含有非法字符,已经被系统拒绝解决办法
    • 给dedecms的分类信息模型添加置顶功能
    • Discuz! X3.4特殊字符乱码解决方案!
    • 织梦建站教程之如何为内容模型添加新字段?
    • thinkphp5 redis缓存新增方法实例讲解
    • 什么是事件循环?详解Node.js中的事件循环
    • 分享一个WordPress面包屑导航代码
    • 分析PHP7.2忽略父类方法以及Liskov替换原则相关问题
    • 去除织梦CMS后台头部多的一行空白

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有