uniapp 小程序更新提示

<script>export default {globalData: {// username: ''},onLaunch() {// 1.1.0版本之前关于http拦截器代码，已平滑移动到/common/http.interceptor.js中// 注意，需要在/main.js中实例化Vue之后引入如下(详见文档说明)：// import httpInterceptor from '@/common/http.interceptor.js'// Vue.use(httpInterceptor, app)// process.env.VUE_APP_PLATFORM 为通过js判断平台名称的方法，结果分别如下：/*** h5，app-plus(nvue下也为app-plus)，mp-weixin，mp-alipay......*///uni.addInterceptor('request', {invoke(args) {// request 触发前拼接 url // 添加对应的header信息args.header = {'X-Auth-Token': uni.getStorageSync('token')}// 测试// args.url = 'https://............'+args.url// 正式args.url = 'https://...........' + args.url// appId:console.warn(args)},success(args) {// 请求成功后，修改code值为1示例// args.data.code = 1switch (args.statusCode) {case 401:uni.setStorageSync('token', '')uni.setStorageSync('userInfo', {})uni.redirectTo({url: '/index'});break;default:break;}},fail(err) {console.log('interceptor-fail', err)},complete(res) {console.log('interceptor-complete', res)}})this.versionUpdate()},methods: {//版本更新方法versionUpdate() {console.log(uni.canIUse('getUpdateManager'))// 判断应用的 getUpdateManager 是否在当前版本可用if (uni.canIUse('getUpdateManager')) {const updateManager = uni.getUpdateManager()// 向小程序后台请求完新版本信息updateManager.onCheckForUpdate(function(res) {if (res.hasUpdate) {//小程序有新版本，静默下载新版本，新版本下载完成updateManager.onUpdateReady(function() {//模态弹窗（确认、取消）uni.showModal({title: '更新提示',content: '小程序已发布新版本，是否重启？',success: function(res) {//用户点击确定if (res.confirm) {//当新版本下载完成，调用该方法会强制当前小程序应用上新版本并重启updateManager.applyUpdate()}//用户点击取消else if (res.cancel) {//强制用户更新，弹出第二次弹窗uni.showModal({title: '提示',content: '小程序已发布新版本，是否重启',showCancel: false, //隐藏取消按钮success: function(res) {//第二次提示后，强制更新           if (res.confirm) {// 当新版本下载完成，调用该方法会强制当前小程序应用上新版本并重启updateManager.applyUpdate()} else if (res.cancel) {//重新回到版本更新提示versionUpdate()}}})}}})})// 当新版本下载失败updateManager.onUpdateFailed(function() {uni.showModal({title: '提示',content: '请您删除当前小程序，重新打开小程序',})})}})} else {// 提示用户在最新版本的客户端上体验uni.showModal({title: '温馨提示',content: '当前微信版本过低，可能无法使用该功能，请升级到最新版本后重试。'})}}}}
</script>

官方地址：https://uniapp.dcloud.io/api/other/update.html#getupdatemanager

微信开发工具验证

uniapp 小程序更新提示相关推荐

uni-app更新某个组件版本；uni-app更新插件版本；uni-app更新uni_modules插件；uni-app小程序更新某一个组件的版本库
uni-app官方介绍的更新某一个组件的uni_modules方法注意:本篇只是记录更新uni-app的组件库下某一个组件的版本.不是更新微信小程序版本. 场景原因:项目最初是去年开发的,当时下载了 ...
uniapp 微信小程序版本更新提示
uniapp 微信小程序版本更新提示 // app.vue onShow: function() {const updateManager = uni.getUpdateManager();updat ...
uniapp微信小程序更新提醒
onLaunch: function() {// #ifdef MP// 微信小程序更新提醒if (wx.canIUse('getUpdateManager')) {const updateManag ...
解决uniapp小程序打包体积超过2M，提示包体积超过2M，“main packagexxx”,不给上传和预览的解决办法，绝对有效
解决办法,原文地址: 解决uniapp小程序打包体积超过2M,提示包体积超过2M,"main packagexxx",不给上传和预览的解决办法,绝对有效!在微信小程序开发中,为了解 ...
关于uniapp小程序发布新版本，小程序不及时更新问题记录
小程序更新机制开发者在管理后台发布新版本的小程序之后,微信客户端会有若干个时机去检查本地缓存的小程序有没有新版本,并进行小程序的代码包更新.但如果用户本地有小程序的历史版本,此时打开的可能还是旧版本 ...
uniapp(小程序) 配置海康威视-萤石监控(直播替代方案) 踩坑与解决方法
uniapp(小程序) 配置海康威视-萤石监控(直播替代方案) 踩坑与解决方法因为公司业务需求需要获取监控的摄像头,萤石是给出了几种方案去实现. 直播接入:萤石开放平台API文档小程序接入:萤石 ...
uniapp小程序商城开发thinkphp6积分商城、团购、秒杀封装APP
uniapp小程序商城开发thinkphp6积分商城.团购.秒杀封装APP,后台是vue开发需要源代码的可以联系我,找我要哦 <template><view v-if=" ...
微信小程序更新版本,提醒用户重新进入程序
微信小程序更新版本,提醒用户重新进入程序 uni-app写在App.vue onLaunch: function () {console.log("App Launch");// ...
uniapp小程序迁移到TS
uniapp小程序迁移到TS 我一直在做的小程序就是山科小站也已经做了两年了,目前是用uniapp构建的,在这期间也重构好几次了,这次在鹅厂实习感觉受益良多,这又得来一次很大的重构,虽然小程序功能 ...

uniapp 小程序更新提示

uniapp 小程序更新提示相关推荐

最新文章

热门文章