位置: IT常识 - 正文

uniapp实现app检查更新与升级-uni-upgrade-center详解(uniapp登陆检查)

编辑:rootadmin
uniapp实现app检查更新与升级-uni-upgrade-center详解 app检查更新与升级

推荐整理分享uniapp实现app检查更新与升级-uni-upgrade-center详解(uniapp登陆检查),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:uniapp全局检测登录状态,uniapp 测试,uniapp检查更新,uniapp如何验证每个页面鉴权,uniapp 测试,uniapp全局检测登录状态,uniapp如何实现平台判断,uniapp全局检测登录状态,内容如对您有帮助,希望把文章链接给更多的朋友!

参考链接:

升级中心uni-upgrade-center - App

uni-admin

h5+ api

App资源在线升级更新

uni-app使用plus注意事项

关于在线升级(WGT)的几个疑问

什么是升级中心uni-upgrade-center

uniapp官方开发的App版本更新的插件,基于unicloud的后端服务

因为是开源的,通过修改源码可以实现请求java等其他后端服务,后续的源码解析章节会介绍

升级中心分为两个部分:

前台检测更新: uni-upgrade-center-app

后台管理系统:

uni-admin >= 1.9.3 :uni-admin 已内置 升级中心,直接使用即可。并且云函数 upgrade-center 废弃,使用 uni-upgrade-center 云函数。uni-upgrade-center Admin管理后台 (uni-admin 1.9.3+ 已内置,此插件不再维护)

1.9.0 <= uni-admin < 1.9.2 :请前往 Gitee 下载 tag v0.5.1 版本使用uni-admin < 1.9.0:请前往 Gitee 下载 tag v0.4.2 版本使用

简单来说,如果是新版的uni-admin,直接用升级中心即可

怎么使用uni-upgrade-center

使用我觉得并不难,跟着官方文档走即可

简单来说,就是你的app项目安装 uni-upgrade-center-app这个插件,同时你需要另外新建一个uni-admin项目,用来上传并管理app项目的更新包,app项目通过unicloud请求更新包

官方文档

但是如果不想使用unicloud,想换成java等其他后端服务,或者想了解app检查更新与升级的代码是如何编写的,阅读uni-upgrade-center源码是十分有必要的。

uni-upgrade-center源码阅读uniapp实现app检查更新与升级-uni-upgrade-center详解(uniapp登陆检查)

十分推荐阅读uni-upgrade-center源码

通过一步步阅读uni-upgrade-center源码,基本能完全学会如何写app检查更新与升级的代码

源码前端功能实现主要分为三个文件,依次阅读

utils/call-check-version.jsutils/call-check-version.jspages/upgrade-popup.vueutils/call-check-version.js

代码很简单,通过h5+ api获取应用信息,把应用信息传递给uniCloud云函数

同理,如果不使用云函数,传给java等后端服务的话,替换云函数部分代码就可以了

export default function () { // #ifdef APP-PLUS return new Promise((resolve, reject) => { // 根据当前应用的appid,获取appid对应的应用信息 plus.runtime.getProperty(plus.runtime.appid, function (widgetInfo) { const data = { action: 'checkVersion', appid: plus.runtime.appid, appVersion: plus.runtime.version, wgtVersion: widgetInfo.version } console.log("data: ", data); // 如果传给java等后端服务,改下方代码 uniCloud.callFunction({ name: 'uni-upgrade-center', data, success: (e) => { console.log("e: ", e); resolve(e) }, fail: (error) => { reject(error) } }) }) }) // #endif // #ifndef APP-PLUS return new Promise((resolve, reject) => { reject({ message: '请在App中使用' }) }) // #endif}plus.runtime.appid

当前应用的APPID

String 类型 只读属性

注意,如果是在HBuilder真机运行获取的是固定值"HBuilder",需要提交App云端打包后运行才能获取真实的APPID值

plus.runtime.getProperty

获取指定APPID对应的应用信息

参数:appid: ( String ) 必选 应用的AppidgetPropertyCB: ( GetPropertyCallBack ) 必选 获得应用信息成功回调函数示例:// 获取应用信息function getAppInfo() {plus.runtime.getProperty( plus.runtime.appid, function ( wgtinfo ) {//appid属性var wgtStr = "appid:"+wgtinfo.appid;//version属性wgtStr += "<br/>version:"+wgtinfo.version;//name属性wgtStr += "<br/>name:"+wgtinfo.name;//description属性wgtStr += "<br/>description:"+wgtinfo.description;//author属性wgtStr += "<br/>author:"+wgtinfo.author;//email属性wgtStr += "<br/>email:"+wgtinfo.email;//features 属性wgtStr += "<br/>features:"+wgtinfo.features;console.log( wgtStr );} );}utils/call-check-version.js

官方实现了两种方式,静默更新和提示更新

import callCheckVersion from './call-check-version'// 推荐在App.vue中使用const PACKAGE_INFO_KEY = '__package_info__'export default function() {// #ifdef APP-PLUSreturn new Promise((resolve, reject) => {callCheckVersion().then(async (e) => {if (!e.result) return;const {code,message,is_silently, // 是否静默更新url, // 安装包下载地址platform, // 安装包平台type // 安装包类型} = e.result;// 此处逻辑仅为实例,可自行编写if (code > 0) {// 腾讯云和阿里云下载链接不同,需要处理一下,阿里云会原样返回const {fileList} = await uniCloud.getTempFileURL({fileList: [url]});if (fileList[0].tempFileURL)e.result.url = fileList[0].tempFileURL;resolve(e)// 静默更新,只有wgt有if (is_silently) {uni.downloadFile({url: e.result.url,success: res => {if (res.statusCode == 200) {// 下载好直接安装,下次启动生效plus.runtime.install(res.tempFilePath, {force: false});}}});return;}/** * 提示升级一 * 使用 uni.showModal */// return updateUseModal(e.result)/** * 提示升级二 * 官方适配的升级弹窗,可自行替换资源适配UI风格 */uni.setStorageSync(PACKAGE_INFO_KEY, e.result)uni.navigateTo({url: `/uni_modules/uni-upgrade-center-app/pages/upgrade-popup?local_storage_key=${PACKAGE_INFO_KEY}`,fail: (err) => {console.error('更新弹框跳转失败', err)uni.removeStorageSync(PACKAGE_INFO_KEY)}})return} else if (code < 0) {// TODO 云函数报错处理console.error(message)return reject(e)}return resolve(e)}).catch(err => {// TODO 云函数报错处理console.error(err.message)reject(err)})});// #endif}/** * 使用 uni.showModal 升级 */function updateUseModal(packageInfo) {const {title, // 标题contents, // 升级内容is_mandatory, // 是否强制更新url, // 安装包下载地址platform, // 安装包平台type // 安装包类型} = packageInfo;let isWGT = type === 'wgt'let isiOS = !isWGT ? platform.includes('iOS') : false;let confirmText = isiOS ? '立即跳转更新' : '立即下载更新'return uni.showModal({title,content: contents,showCancel: !is_mandatory,confirmText,success: res => {if (res.cancel) return;// 安装包下载if (isiOS) {plus.runtime.openURL(url);return;}uni.showToast({title: '后台下载中……',duration: 1000});// wgt 和 安卓下载更新downloadTask = uni.downloadFile({url,success: res => {if (res.statusCode !== 200) {console.error('下载安装包失败', err);return;}// 下载好直接安装,下次启动生效plus.runtime.install(res.tempFilePath, {force: false}, () => {if (is_mandatory) {//更新完重启appplus.runtime.restart();return;}uni.showModal({title: '安装成功是否重启?',success: res => {if (res.confirm) {//更新完重启appplus.runtime.restart();}}});}, err => {uni.showModal({title: '更新失败',content: err.message,showCancel: false});});}});}});}静默更新

可以看出静默更新分为三步:

后端提供一个下载更新包的url前端uni.downloadFile该url地址下载好后前端调用plus.runtime.install安装更新包// 静默更新,只有wgt有if (is_silently) {uni.downloadFile({url: e.result.url,success: res => {if (res.statusCode == 200) {// 下载好直接安装,下次启动生效plus.runtime.install(res.tempFilePath, {force: false});}}});return;}强制更新

首先,我们需要知道的是,plus.runtime.install成功后就已经安装完更新包了,用户下次打开app就会是最新版的app,这里强制更新的意思是是否立刻重启app,强制用户立刻使用最新版app

plus.runtime.install后有三种应用场景,这里官方写的很好,三种场景都处理了:

不征求客户意见,直接重启app,强制用户立刻使用最新版征求客户意见,如果重启,用户使用最新版,如果不重启,等用户下次打开app显示最新版不重启,等用户下次打开app显示最新版 // 安装下载的安装包,下次启动生效plus.runtime.install(res.tempFilePath, {force: false}, () => { // is_mandatory是后端返回的控制是否强制更新的变量 // 强制更新就是强制重启app,否则就是用户下次打开app才会更新 // 强制更新体验不好,还是下次打开更新会好很多if (is_mandatory) {// 更新完重启appplus.runtime.restart();return;}uni.showModal({title: '安装成功是否重启?',success: res => {if (res.confirm) {// 更新完重启appplus.runtime.restart();}}});}, err => {uni.showModal({title: '更新失败',content: err.message,showCancel: false});});跳转应用商店后端返回安装包平台和安装包类型安装包类型是否是wgt,如果不是,判断安装包平台是否包含iOS,调用第三方程序打开url安装iOS更新包,iOS是跳转更新,其他是下载更新ios需要上架、通过市场安装,所以需要第三方程序打开url

plus.runtime.openURL表示调用第三方程序打开url进行安装,即跳转应用商店功能

function updateUseModal(packageInfo) {const {title, // 标题contents, // 升级内容is_mandatory, // 是否强制更新url, // 安装包下载地址platform, // 安装包平台type // 安装包类型} = packageInfo;let isWGT = type === 'wgt'let isiOS = !isWGT ? platform.includes('iOS') : false;let confirmText = isiOS ? '立即跳转更新' : '立即下载更新'return uni.showModal({title,content: contents,showCancel: !is_mandatory,confirmText,success: res => {if (res.cancel) return;// 安装包下载if (isiOS) {plus.runtime.openURL(url);return;} ...}});}用户取消下载

https://uniapp.dcloud.net.cn/api/request/network-file.html#downloadfile

var downloadTask = uni.downloadFile({url: 'https://www.example.com/file/test', //仅为示例,并非真实接口地址。complete: ()=> {}});downloadTask.abort();如何打包wgt资源包

一、更改项目manifest.json中的应用版本名称与应用版本号

二、HBuilderX>发行>原生App-制作应用wgt包>确定 三、开发测试的时候,记得再改回原先的应用版本名称与应用版本号,不然版本跟线上的相同,安装更新包的时候就会出现WGT安装包中manifest.json文件的version版本不匹配,本地测试不了更新效果

如何查看wgt文件manifest.json

wgt包生成后会是.wgt后缀名,更改其后缀名为.zip,再解压,就可以查看manifest.json了

报错解决:WGT安装包中manifest.json文件的version版本不匹配

manifest.json中的版本大于等于了线上的版本,自行排查即可

通过uni-admin上传wgt资源包

uni-admin报错解决:超级管理员已存在

是因为admin账户是旧的,跟appid对不上,删除旧的admin账户,重新创建

本文链接地址:https://www.jiuchutong.com/zhishi/283716.html 转载请保留说明!

上一篇:cpqdfwag.exe是什么进程 能结束吗 cpqdfwag进程查询

下一篇:Unity导出WebGL工程,并部署本地web服务器(unity导出webgl报错)

  • 抖音主人能删除别人的评论吗(抖音主人能删除别人的表情评论吗)

    抖音主人能删除别人的评论吗(抖音主人能删除别人的表情评论吗)

  • 什么是邮箱帐号怎么注册(邮箱账号到底是什么)

    什么是邮箱帐号怎么注册(邮箱账号到底是什么)

  • 微信拉黑后对方发信息会显示什么(微信拉黑后对方发好友申请能收到吗)

    微信拉黑后对方发信息会显示什么(微信拉黑后对方发好友申请能收到吗)

  • 手机上边出来个HD怎么关掉(手机上方多了个是什么标志 怎么消除)

    手机上边出来个HD怎么关掉(手机上方多了个是什么标志 怎么消除)

  • 苹果11感觉画质模糊(苹果11感觉画质模糊怎么解决,5x,远距离)

    苹果11感觉画质模糊(苹果11感觉画质模糊怎么解决,5x,远距离)

  • snkrs注册不了(snkrs没办法注册)

    snkrs注册不了(snkrs没办法注册)

  • 苹果11录视频怎么暂停(苹果11录视频怎么翻转镜头)

    苹果11录视频怎么暂停(苹果11录视频怎么翻转镜头)

  • Word文档怎么插照片(word文档怎么插视频)

    Word文档怎么插照片(word文档怎么插视频)

  • 电脑桌面时钟怎么设置(电脑桌面时钟怎么关闭)

    电脑桌面时钟怎么设置(电脑桌面时钟怎么关闭)

  • 华为nova6nova7对比(华为nove6nove7参数对比)

    华为nova6nova7对比(华为nove6nove7参数对比)

  • 苹果11的功能(苹果11的功能介绍)

    苹果11的功能(苹果11的功能介绍)

  • 苹果微信提醒总是两声(苹果微信提醒不及时怎么回事)

    苹果微信提醒总是两声(苹果微信提醒不及时怎么回事)

  • 苹果什么时候出5G(苹果什么时候出新款ipad)

    苹果什么时候出5G(苹果什么时候出新款ipad)

  • 12306信息待核验怎么办(12306信息待核验需要多久)

    12306信息待核验怎么办(12306信息待核验需要多久)

  • 浑浊水下摄像机原理(水下高清摄像头 浑水)

    浑浊水下摄像机原理(水下高清摄像头 浑水)

  • 黑白电视什么时候在中国出现的(黑白电视什么时候普及)

    黑白电视什么时候在中国出现的(黑白电视什么时候普及)

  • 电脑丢失文件怎么找回(电脑丢失文件是什么情况)

    电脑丢失文件怎么找回(电脑丢失文件是什么情况)

  • 华为手机如何退出程序(华为手机如何退出账号)

    华为手机如何退出程序(华为手机如何退出账号)

  • 电脑不出声音怎么解决(电脑不出声音怎么解决 一键恢复)

    电脑不出声音怎么解决(电脑不出声音怎么解决 一键恢复)

  • 京东拒收会全额退款吗(京东拒收会收费吗)

    京东拒收会全额退款吗(京东拒收会收费吗)

  • word怎么输入下角标(word怎么输入下标字母)

    word怎么输入下角标(word怎么输入下标字母)

  • word2019怎么做目录(word2019做目录的完整步骤)

    word2019怎么做目录(word2019做目录的完整步骤)

  • 小米盒子我的应用没了(小米盒子我的应用无法返回)

    小米盒子我的应用没了(小米盒子我的应用无法返回)

  • 小米ai音箱如何删除收藏中的音乐(小米AI音箱如何关闭)

    小米ai音箱如何删除收藏中的音乐(小米AI音箱如何关闭)

  • 在GPU上运行pytorch程序(指定单/多显卡)(用gpu运行python)

    在GPU上运行pytorch程序(指定单/多显卡)(用gpu运行python)

  • 详解 HttpServletResponse

    详解 HttpServletResponse

  • 公司缴税怎么计算的
  • 财务软件交多少钱印花税
  • 员工出差车费如何报销
  • 月末结存材料的实际成本例题
  • 小规模纳税人附加税减免政策2023
  • 疫情捐款收据有什么用吗
  • 残保金滞纳金能抵扣吗
  • 注册公司认缴出资方式怎么选
  • 继续教育专项扣除金额
  • 一次性就业补助金的领取条件
  • 存货占营业收入的意义
  • 应付利息借贷
  • 营改增后商场进场费如何缴税?
  • 原材料暂估少了如何调整
  • 教育服务增值税纳税义务发生时间
  • 企业所得税汇算清缴账务处理
  • 金税控系统发票打印设置
  • 以旧换新增值税税率是多少
  • 账表不一致的原因和根源
  • 公允价值变动损益转入其他业务成本
  • 如何判断发票是否重复
  • 清算期间企业所得税申报期限
  • 员工住院押金会计处理
  • 跨年度的费用发票可以入账吗
  • 现金日记账期初余额怎么登账
  • 收到收据的会计分录
  • 股东分红个税怎么做账
  • php表单验证实例
  • 现金流量套期的例子
  • 电脑卡住了按什么键回到桌面
  • 谷歌网页小恐龙
  • 如何批量清理桌面
  • 委托代销商品两种方式会计分录
  • 购买财务软件的费用
  • idea如何运行springboot项目
  • three.js gui
  • ssh-keygen命令
  • chkdsk.exe/f命令
  • 原版小说推荐
  • 边际贡献总额计算公式边际贡献率
  • 对企业来说什么是工匠精神
  • php 更新
  • 税务局返还手续费
  • 金蝶专业版如何打印凭证
  • 母公司对子公司的控股比例
  • 投资公司投资收益要交增值税吗
  • 企业工会经费计提比例
  • 财务费用应付利息
  • 一般纳税人无票收入怎么做账分录呢
  • 没有认证抵扣的发票如何冲红
  • 发票没有纳税人识别号怎么重开
  • 现在勾选认证是可以下月初认证?
  • 公司交社保有什么用处
  • 投资性房地产的定义
  • 单式记账法缺点是什么
  • 过桥贷款有什么风险
  • 低值易耗品入账
  • 企业建账选择什么会计准则
  • sql to sqlalchemy 转换的小例子
  • mysql数据库增量备份命令
  • Linux安装MySQL5.6.24使用文字说明
  • linux系统中的输入输出分为三类
  • 苹果系统怎么修改语言
  • linux vps 教程
  • linux文本模式无法打字
  • win7系统如何更改默认浏览器
  • window10如何设置访客权限
  • win7安装要求配置
  • python3 栈
  • 动作
  • css常用布局方式
  • android监听应用打开
  • jquery绑定数据
  • 重庆税务局官网发票查询
  • 国家税务总局定额发票查验平台官网
  • 新形势下税务工作
  • 水电费的增值税专用税可抵扣进项
  • 房产税纳税义务时间
  • 沈阳车辆税务管理局电话
  • 房屋租赁管理部门制发的《房屋租赁证》
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设