位置: 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报错)

  • 腾讯会议怎么退出会议(腾讯会议怎么退出账号)

    腾讯会议怎么退出会议(腾讯会议怎么退出账号)

  • 设置单元格样式在什么选项卡中完成(设置单元格样式为好)

    设置单元格样式在什么选项卡中完成(设置单元格样式为好)

  • 企业微信打卡伪装定位会被发现吗(企业微信打卡伪装定位 免费)

    企业微信打卡伪装定位会被发现吗(企业微信打卡伪装定位 免费)

  • qq巨轮为什么一直不掉(qq巨轮为什么会变成小船)

    qq巨轮为什么一直不掉(qq巨轮为什么会变成小船)

  • apple watch测心率准吗(Apple watch测心率有一下很低)

    apple watch测心率准吗(Apple watch测心率有一下很低)

  • cpu是处理器吗(电脑cpu处理器性能排行榜)

    cpu是处理器吗(电脑cpu处理器性能排行榜)

  • 为什么苹果安兔兔闪退(iphone 安兔兔)

    为什么苹果安兔兔闪退(iphone 安兔兔)

  • 网络lan是什么意思(网络蓝色是什么意思)

    网络lan是什么意思(网络蓝色是什么意思)

  • fttb和ftth的区别(fttb和fttc区别)

    fttb和ftth的区别(fttb和fttc区别)

  • qq独立密码能干啥(qq独立密码一般几位数)

    qq独立密码能干啥(qq独立密码一般几位数)

  • 抖音显示的位置准确吗(抖音显示的位置怎么设置)

    抖音显示的位置准确吗(抖音显示的位置怎么设置)

  • word2003页眉页脚怎么设置(word2003页眉页脚怎么设置每页不同)

    word2003页眉页脚怎么设置(word2003页眉页脚怎么设置每页不同)

  • cc9e有快充吗(cc9e支持快充么)

    cc9e有快充吗(cc9e支持快充么)

  • xr充电慢怎么解决(iphone xr手机充电慢是什么原因)

    xr充电慢怎么解决(iphone xr手机充电慢是什么原因)

  • 苹果6s屏幕尺寸大小(苹果6s屏幕尺寸多少)

    苹果6s屏幕尺寸大小(苹果6s屏幕尺寸多少)

  • 网易云怎么看歌单访客(网易云怎么看歌曲什么时候发布的)

    网易云怎么看歌单访客(网易云怎么看歌曲什么时候发布的)

  • 抖音美瞳特效在哪里(抖音美瞳特效在哪里找到)

    抖音美瞳特效在哪里(抖音美瞳特效在哪里找到)

  • 苹果n开头和m开头的区别(苹果m或者n开头有何区别)

    苹果n开头和m开头的区别(苹果m或者n开头有何区别)

  • 华为抖音动态壁纸怎么设置锁屏(华为抖音动态壁纸怎么设置不了)

    华为抖音动态壁纸怎么设置锁屏(华为抖音动态壁纸怎么设置不了)

  • 淘宝运费险如何退(淘宝运费险怎么弄才能好)

    淘宝运费险如何退(淘宝运费险怎么弄才能好)

  • iphone怎么看照片拍摄时间(iPhone怎么看照片信息)

    iphone怎么看照片拍摄时间(iPhone怎么看照片信息)

  • linux静止ping的方法(服务器和防火墙方式)(linux取消静态ip)

    linux静止ping的方法(服务器和防火墙方式)(linux取消静态ip)

  • YOLO系列 --- YOLOV7算法(二):YOLO V7算法detect.py代码解析(yolo系列算法比较)

    YOLO系列 --- YOLOV7算法(二):YOLO V7算法detect.py代码解析(yolo系列算法比较)

  • 固定资产一次性折旧的账务处理和税务处理
  • 增值税核算应设置什么
  • 发票连续作废两次
  • 装修行业专票的税率是多少
  • 5个点的税点
  • 对公账户取现金有限制吗
  • 关联方债务豁免需要缴纳所得税吗
  • 分支机构是否享受小微企业企业所得税优惠?
  • 应收利息对应什么科目
  • 全国统一吗?
  • 为在建工程发生的管理费用
  • 印刷配件有哪些
  • 接受捐赠的要交税吗
  • 没有按时缴纳税属于什么
  • 购销合同印花税优惠政策
  • 增值税小规模纳税人免征增值税政策
  • 利润表净利润等于科目余额表
  • 机动车发票认证了的发票怎么红冲
  • 积分兑换现金消费的会计分录
  • 季度盈利要交所税吗
  • 向关联企业借款债资比
  • 远期汇票的付款期限可以表示为
  • 行程单的金额怎么算
  • 所得税申报怎么弥补以前年度亏损
  • win10为什么毛病这么多
  • 初识年岁尚温柔 小说 免费
  • php 生成opcode
  • windows为什么从7开始
  • realshed.exe - realshed是什么进程 有什么用
  • 一年以上预收账款
  • 企业出售产品前,预收客户一笔货款
  • 共管账户和监管账户是一样的吗知乎
  • 银行本票实际金额小于票面金额
  • 制造业工资计提
  • php反序列化漏洞原理
  • vue中使用md5加密
  • 转让技术所有权计入什么科目
  • php实现截取中文字符
  • vue实现路由跳转传参
  • yolov3实现
  • 一文详解卡尔曼人物形象
  • deformable detr代码
  • php加密zend
  • phpcms是什么框架
  • 行政事业单位慰问外单位
  • 本年利润借方红字代表什么意思
  • 公司租赁车辆的保险费可以扣除
  • 在sqlserver2008中
  • mongodb导入数据三种方式
  • 计提基建借款利息会计分录
  • 价税合计公式计算
  • 经营许可证需要多久时间
  • 公司清算的特征
  • 未开票收入确认错属期滞纳金怎么办
  • 纳税调整调减有哪些
  • 专利代理服务费如何记账
  • 出售投资所得属于什么科目
  • 个体户要怎么注册公司
  • 本月的费用
  • 计入福利费
  • 收到存款利息收入用什么凭证
  • Win7系统关闭怎么办
  • Windows Server 2008脱机文件配置攻略
  • 联想e430安装win10
  • windows么
  • linux命令行是什么字体
  • win7系统怎么将新建资料保存到文件夹
  • js插件大全
  • ajax请求数据放到页面
  • border:none与border:0使用区别
  • css ul显示为表格
  • vue css
  • es6十大特性
  • 在JavaScript中声明变量的关键词有
  • 深入理解javascript特性.pdf
  • python基础入门教程
  • 全国增值税务查询官网
  • 施工企业应缴纳的税金计算
  • 12366纳税服务热线坐席人员
  • 浙江增值税电子普通发票用支付宝怎么开
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设