【小程序】微信小程序版本更新如何通知用户?

简介: 【小程序】微信小程序版本更新如何通知用户?

 image.gif编辑

目录

一、问题

二、解决思路

三、核心代码展示

四、更新版本的模拟测试及验证


一、问题

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

二、解决思路

1、打开小程序, 检查小程序是否有新版本发布

updateManager.onCheckForUpdate(function (res) {})

image.gif

2、小程序有新版本,则静默下载新版本,做好更新准备

updateManager.onUpdateReady(function () {})

image.gif

3、新的版本已经下载好,调用 applyUpdate 应用新版本并重启小程序

updateManager.applyUpdate()

image.gif

三、核心代码展示

App({ 
    onLaunch: function(options) { 
         this.autoUpdate() 
    },
    autoUpdate:function(){ 
        var self=this // 获取小程序更新机制兼容 
        if (wx.canIUse('getUpdateManager')) { 
            const updateManager = wx.getUpdateManager() //1. 检查小程序是否有新版本发布                     
            updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 
                if (res.hasUpdate) { //2. 小程序有新版本,则静默下载新版本,做好更新准备                                                 
                 updateManager.onUpdateReady(function () {
                     wx.showModal({ 
                            title: '更新提示', 
                            content: '新版本已经准备好,是否重启应用?',
                             success: function (res) { 
                                if (res.confirm) { 
                                   //3. 新的版本已经下载好,调用applyUpdate应用新版本并重启  
                                    updateManager.applyUpdate() 
                                } else if (res.cancel) {
                                         //不应用 
                                    } 
                                } 
                                })     
                             })
            updateManager.onUpdateFailed(function () {
                    // 新的版本下载失败
                 wx.showModal({ title: '已经有新版本了哟~',
                          content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~',             
                              })
                }) 
            } 
           })
        } else { // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示     
           wx.showModal({ title: '提示', 
            content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。' 
            }) 
            } 
        } 
        })

image.gif

四、更新版本的模拟测试及验证

微信开发者工具上可以通过「编译模式」下的「下次编译模拟更新」开关来调试.

点击编译模式设置下拉列表,然后点击添加编译模式,在自定义编译条件弹窗界面,点击下次编

译时模拟更新,然后点击确定,重新编译就可以了.

注: 需要注意的是,这种方式模拟更新一次之后就失效了,后边再测试仍需要对这种编译模式进行

重新设置才可以.


总结

本篇文章给大家介绍了微信小程序的版本更新后通知用户机制,希望对大家有所帮助

image.gif编辑


目录
相关文章
|
2月前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
59 1
ly~
|
3月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
86 6
|
2月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
965 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
2月前
|
小程序 前端开发 数据可视化
微信商城小程序WeiMall
微信商城小程序WeiMall
38 0
|
3月前
|
小程序 前端开发 API
微信小程序 - 调用微信 API 回调函数内拿不到 this 问题(解决方案)
本文讨论了在微信小程序中调用API回调函数时无法获取到`this`上下文的问题,并提供了解决方案。在回调函数中,使用一个变量(如`that`)来保存当前的`this`引用,然后在回调内部使用这个变量来访问当前页面的数据和方法。
|
4月前
|
移动开发 小程序 前端开发
|
4月前
|
JSON 小程序 JavaScript
超详细微信小程序开发学习笔记,看完你也可以动手做微信小程序项目
这篇文章是一份全面的微信小程序开发学习笔记,涵盖了从小程序介绍、环境搭建、项目创建、开发者工具使用、文件结构、配置文件、模板语法、事件绑定、样式规范、组件使用、自定义组件开发到小程序生命周期管理等多个方面的详细教程和指南。
|
4月前
|
小程序 前端开发
微信小程序商城,微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考,该项目在Github上获得18.2k星,提供了详细的使用教程和前端页面实现,适合学习微信小程序开发和作为毕业设计项目。
微信小程序商城,微信小程序微店 【毕业设计参考项目】
|
4月前
|
小程序 前端开发 JavaScript
微信小程序实现微信支付(代码和注释很详细)
微信小程序实现微信支付(代码和注释很详细)
|
4月前
|
小程序 开发者
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
这篇文章介绍了微信小程序的初始化过程,包括如何注册微信小程序账号、下载微信小程序开发者平台,并指导了新建小程序的详细步骤。
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
下一篇
DataWorks