UniApp自动更新

简介: 相信大家在使用小程序的时候,都遇到过版本更新吧,会自动弹出一个小程序有新版本的提示,问你是否需要更新新版本并重启,那么这种是怎么实现的呢,下面一起来看看吧。
相信大家在使用小程序的时候,都遇到过版本更新吧,会自动弹出一个小程序有新版本的提示,问你是否需要更新新版本并重启,那么这种是怎么实现的呢,下面一起来看看吧。

我翻阅了UniApp的文档后发现有这么一个东西,updateManager这个东西是版本更新管理器对象,用于管理小程序更新。

image.png

那么根据官方文档可以看到,我们在UniApp中如何实现这种自动更新提示呢?

<script>
    export default {
        onLaunch: function() {
            console.log('App Launch')
            let updateManager = uni.getUpdateManager();
            if (!updateManager) {
                return
            } else {
                //新版本更新
                if (uni.canIUse('getUpdateManager')) {
                    //判断当前微信版本是否支持版本更新
                    updateManager.onCheckForUpdate(function(res) {
                        if (res.hasUpdate) {
                            // 请求完新版本信息的回调
                            updateManager.onUpdateReady(function() {
                                uni.showModal({
                                    title: '更新提示',
                                    content: '新版本已经准备好,是否重启应用?',
                                    success: function(res) {
                                        if (res.confirm) {
                                            // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                                            updateManager.applyUpdate();
                                        }
                                    },
                                });
                            });
                            updateManager.onUpdateFailed(function() {
                                uni.showModal({
                                    // 新的版本下载失败
                                    title: '已经有新版本了哟~',
                                    content: '新版本已经上线啦~,请您删除当前小程序,重新搜索(丹丹潮童馆)打开哟~',
                                });
                            });
                        } else {}
                    });
                } else {
                    uni.showModal({
                        // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示
                        title: '提示',
                        content: '当前微信版本过低,部分功能无法使用,请升级到最新微信版本后重试。',
                    });
                }

            }
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        }
    }
</script>

这样就实现了小程序的自动更新提示了,有了UniApp的接口后实现起来是不是很简单啊。

目录
相关文章
|
4月前
|
JavaScript
在Vue 3中实现页面锁屏功能
在Vue 3中实现页面锁屏功能
|
4月前
|
Web App开发 JavaScript 前端开发
使用vue快速开发一个带弹窗的Chrome插件
使用vue快速开发一个带弹窗的Chrome插件
202 0
使用vue快速开发一个带弹窗的Chrome插件
vue2实现markdown编辑器,实现同步滚动,实时预览等功能
vue2实现markdown编辑器,实现同步滚动,实时预览等功能
|
4月前
|
JavaScript 小程序
微信小程序的双向数据绑定和vue的哪里不一样?下拉刷新的方式代码示例
微信小程序的双向数据绑定和vue的哪里不一样?下拉刷新的方式代码示例
|
10月前
|
JSON JavaScript 数据格式
Vue移动端框架Mint UI教程-数据渲染到页面(六)
Vue移动端框架Mint UI教程-数据渲染到页面(六)
56 0
|
JavaScript 容器
开发一个简单的 Vue 弹窗组件
开发一个简单的 Vue 弹窗组件
82 1
|
JavaScript 小程序
微信小程序数据绑定及渲染
微信小程序数据绑定及渲染
164 1
|
小程序
uni小程序自动更新
uni小程序自动更新
200 0
|
资源调度 JavaScript
Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本(登录注册页面,验证码)
Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本(登录注册页面,验证码)
569 0
|
Android开发
uniapp-安卓自动更新
uniapp-安卓自动更新
108 0