使用uni-app开发小程序,关于小程序更新后与用户本地不会及时更新解决办法(代码片段)

wfaceboss wfaceboss     2022-12-07     209

关键词:

1.原因分析

在小程序更新开发版本之后,用户本地并没有对之前版本的小程序进行删除,那么再进入小程序的时候的版本是不会发生变化的,这是由于发版是异步执行,因此新版本将会覆盖的比较慢,本质是小程序的启动方式分为两种,冷启动与热启动。

冷启动:指的是用户首次打开或小程序被微信主动销毁后再次打开的情况,此时小程序需要重新加载启动。
热启动:指用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时无需重新启动,只需将后台态的小程序切换到前台,这个过程并不会重新加载启动。

2.解决方案

为了在小程序每次更新及时提醒用户更新,uni-app提供了uni.getUpdateManager()接口,用于管理小程序更新。
参考地址:https://uniapp.dcloud.io/api/other/update?id=getupdatemanager
代码为:

onLaunch: function() 
            const updateManager = uni.getUpdateManager();

            updateManager.onCheckForUpdate(function(res) 
                // 请求完新版本信息的回调
                console.log(res.hasUpdate);
            );

            updateManager.onUpdateReady(function(res) 
                uni.showModal(
                    title: ‘更新提示‘,
                    content: ‘发现新版本,是否重启应用?‘,
                    success(res) 
                        if (res.confirm) 
                            // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                            updateManager.applyUpdate();
                        
                    
                );
            );
            updateManager.onUpdateFailed(function(res) 
                // 新的版本下载失败
            );
        ,

3.本地调试

在微信小程序开发工具中,添加编译模式,步骤如下:

1.点击普通编译下的【添加编译模式】按钮

技术图片

2 填写新编译模式值,填写一个名称,选择一个启动页面(首页),勾选底部选项。

技术图片

3 选择新的编译选项,加载当前小程序。

 技术图片

这样界面上就可以出现刚才我们添加的代码的执行效果了,如下:

技术图片

推荐是最好的支持,关注是最大的鼓励。亲爱的朋友,很荣幸在园子里遇到您,希望能与您一起学习~~~

uni-app开发支付宝小程序

参考技术A1、UNI-APP运行项目到支付宝小程序开发工具2、UNIAPP修改支付宝小程序导航标题颜色修改成白底黑字: 查看详情

uniapp开发的微信小程序,没有appid可以打开吗

...打开微信小程序的。参考技术A没有appid是无法打开和使用uni-app开发的微信小程序的,因为appid是小程序的唯一标识,是每一个小程序的唯一标识,没有appid的话,就无法在微信小程序中打开和使用uni-app开发的小程序,所以,在使... 查看详情

使用mpvue和uni-app开发小程序分别有啥优点跟缺点

参考技术Ampvue基于vue,优化了vue的runtime和compiler实现,以前常用来开发小程序,后来停止维护了。uniapp生态更广,也有云开发,但由于多端兼容,所以有时针对个别平台处理的配置项较多 查看详情

uni-app使用微信小程序消息推送

参考技术Auni-app开发小程序时会用到推送前端基于基础用法做一个封装 查看详情

微信小程序使用uni-app——开发首页搜索框导航栏(可同时兼容apph5小程序)(代码片段)

目录前言App、H5效果小程序效果一、兼容APP、H5的方式二、兼容小程序三、实现同时兼容前言首页都会提供一个搜索框给到客户,让客户自己去搜索自己想要的内容,这里就需要导航栏,来实现搜索页面的跳转,效... 查看详情

小程序版本更新(uni-app)

App.vue文件 onLaunch: function()     console.log("App Launch");    const updateManager = uni.getUpdateManager();  &n 查看详情

微信小程序开发,uni-app开发简介

微信小程序开发相关知识点1.如何创建小程序微信开发者工具,appid,微信公众平台,创建小程序2.小程序项目基本组成结构app.js小程序入口文件;app.json小程序配置文件;app.wxss全局样式文件;pages小程序页面3.小程序页面构成部分.w... 查看详情

小程序使用uni-app搭建小程序环境---css变化

...适应的单位,推荐使用rpx,全端支持。 尺寸单位文档uni-app推荐使用flex布局,并默认就是flex布局,这个布局思路和传统流式布局有点区别。 查看详情

uni-app基础(代码片段)

Uni-app基础一、Uni-app是什么?uni-app是一个使用Vue.js开发跨平台应用的前端框架;开发者编写一套代码,uni-app将其编译到iOS、Android、微信小程序等多个平台,保证其正确运行并达到优秀体验。二、使用步骤1.推荐使... 查看详情

小程序获取上个页面vm对象解决百度小程序返回上一页不更新onshow更新(适用于uni-app)(代码片段)

  exportfunctiongetPrevPageVue()    letpages=getCurrentPages();    returnpages[pages.length-2].$vm   可通过getPrevPageVue()拿到上一个页面的数据及方法 查看详情

uni-app1uniapp介绍&使用+小程序实时获取视频播放时间(代码片段)

文章目录一、uni-app介绍1、诞生背景2、uni-app是什么(what、where)3、uni-app的优势(why)4、uni-app的功能框架图二、使用uni-app(how)1、下载安装&创建项目2、多端运行3、uni-app操作三、其他微信小程序实时... 查看详情

uni-app发布到微信小程序

一、工具HbuilderX下载地址微信开发者工具下载地址二、配置正确的微信appid填写正确的appid(已被授权为开发者或者是管理者)三、hbuildx发行到小程序-微信四、微信开发者工具-上传五、小程序管理后台,设置为体验... 查看详情

uni-app开发跨平台小程序开发的诸多坑转载

uni-app开发跨平台小程序开发的诸多坑,最近用uni-app开发小程序的时候遇到不少了。本篇收集和记录自己在开发小程序过中遇到的问题和解决办法。之前有很多问题解决了,没记录在案。往后遇到的问题,我尽量记录下来。部分... 查看详情

关于uni-app的使用感触

参考技术A最近用uni-app开发了一个项目,下面说一下使用的具体感触吧。先介绍一下项目大概的情况,,需要开发出ios和android两个客户端,功能不算太多,也不算少,大概30多个页面的样子。后台接口和设计图都已经确认好。客... 查看详情

uniapp开发通用小程序

...信的小程序发布包。根据市场主流程度,初步选中了uni-app、mpvue、taro三个框架进行比对,最终选择uni-app。技术选型:最终选型结论为uni-app。uni-app功能框架图uniapp项目创建创建方式分为命令行创建和HbuliderX代码编辑... 查看详情

uni-app技术分享|uni-app转小程序-实时消息(代码片段)

微信小程序实现实时消息与uniapp转码成微信小程序实现实时消息两者是一样的,区别仅仅是一个是原生小程序一个是uniapp转码成小程序。本文主要简单实现点对点消息与呼叫邀请等相关功能实现。uniapp转码成小程序逻辑与小... 查看详情

uni-app开发微信小程序使用微信小程序的插件(代码片段)

假如使用uni-app开发微信小程序需要用到官方插件----OCR插件,插件地址如下:OCR插件申请方式见插件地址介绍。本文主要记录调用方式1.在manifest.json的“mp-weixin”里添加"plugins":"ocr-plugin":"version":"3.0.1",... 查看详情

小程序项目开发--京东商城uni-app之商品列表页面(下)(代码片段)

...栏✨2022微信小程序京东商城实战✨专栏内容✨京东商城uni-app项目搭建✨✨京东商城uni-app配置tabBar&窗口样式✨✨京东商城uni-app开发之分包配置✨✨京东商城uni-app开发之轮播图✨✨京东商城uni 查看详情