首页IT科技unipal下载(记录–uni-app中安卓包检查更新、新版本下载、下载进度条显示功能实现)

unipal下载(记录–uni-app中安卓包检查更新、新版本下载、下载进度条显示功能实现)

时间2025-06-18 14:21:43分类IT科技浏览4480
导读:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助...

这里给大家分享我在网上总结出来的一些知识           ,希望对大家有所帮助

我们首先拿到后端返回的这个applyVersion字段的值"1.2.3"去和当下的版本值作对比           。如果远端的最新版的版本号高于当下的版本号                ,就说明要更新了                 。否则当下的就是最新版      ,就不用更新     。

那问题又来了           ,如何能拿到当下的版本呢?没关系                ,官方提供的有api      ,可以直接获取的     ,代码如下:

plus.runtime.getProperty(plus.runtime.appid, (info) => { this.currentVersion = info.version; // 将当下版本存到currentVersion字段中去 })

注意这个获取版本号的操作是异步的哦                ,异步           ,异步     。

然后将版本号字符串"a.b.c"转换成数字进行对比即可                 。

方式有很多种     ,比如:a*100000 + b*1000 + c*1

// 当然这里需要 if(this.applyVersionVal > this.currentVersionVal){ // 需要更新 this.AndroidUpdate() }else { // 当前已是最新版本 uni.showToast({ title: 当前已是最新版本, duration: 2000, icon:none }); return }

2. 更新下载服务器远端的apk文件&进度条显示

调用安卓的方法                ,创建一个下载任务           ,能拿到某一时刻下载的文件的大小,对比总大小即可得到下载进度百分比

AndroidCheckUpdate() { const _this = this uni.showModal({ title: "版本更新", content: APP有新版本发布                ,点击 立即更新 进行最新版本下载           。, confirmText: 立即更新, cancelText: 稍后进行, success: function(res) { if (res.confirm) { _this.show = true // show变量控制一个下载进度弹框(这个UI样式自己写即可) // 创建一个下载任务                ,并根据后端返回的apk静态资源地址filePath进行下载 var dtask = plus.downloader.createDownload(_this.filePath, {}, function(d, status) { // 下载完成 if (status == 200) { _this.show = false // 下载完成再把下载进度弹框关闭即可 plus.runtime.install(plus.io.convertLocalFileSystemURL(d .filename), {}, {}, function(error) { uni.showToast({ title: 安装失败, duration: 1500 }); }) } else { uni.showToast({ title: 更新失败, duration: 1500 }); } }); dtask.start(); // 下载任务开始下载 // 关于进度的获取是使用定时器不断获取已经下载的文件的大小,再对比总大小即可 let timer = setInterval(() => { let percent = (dtask.downloadedSize / this.fileSize).toFixed(2) // fileSize文件总大小           ,后端返回的 _this.percentVal = Math.floor(percent * 100) // 转成整数展示 if (percent >= 1) { // 注意百分比                ,及时清除定时器即可 clearInterval(timer) } }, 18) } else if (res.cancel) { console.log(稍后更新); } } }); }

进度条使用的是u-popup组件      ,如下:

<u-popup :round="10" :show="show" mode="center"> <view class="progressBox"> <u-loading-icon size="36"></u-loading-icon> <text class="words">下载中 请勿退出 {{percentVal}}%</text> </view> </u-popup>

注意           ,下载这一块是要在手机模拟器上                ,才能看到效果哦     。笔者工作中使用的是逍遥模拟器      ,挺好                。

因为plus变量在浏览器中是没有的

版本号

效果图

下载完毕以后     ,安卓自动安装

为了方便大家去验证                ,笔者也提供了一个apk静态资源包filePath: http://ashuai.work:10000/appSrc/pdd.apk            ,在地址栏输入就可以访问了           。

静态资源apk接口

express同级目录下     ,新建文件夹app存放一下apk文件

// 先查询有没有这个app                ,有的话返回这个静态app资源url地址 route.get(/findAppUrl, (req, res) => { res.header(Access-Control-Allow-Origin, *); let appName = (req.query.appName ? req.query.appName : pdd) + .apk let files = fs.readdirSync(./app) if (files.includes(appName)) { // 库存有 res.send({ code: 00000000, url: "http://ashuai.work:10000/appSrc/" + appName }) } else { // 库存没有 res.send({ code: 00000000, url: "" }) } }) // 当访问app资源时           ,就把对应的资源以流的形式返回去 route.get(/appSrc/:fileName, (req, res) => { res.header(Access-Control-Allow-Origin, *); let fileName = req.params.fileName // wms2month.apk try { // 存储一份app的路径 let appUrl = ./app/ + fileName let stat = fs.statSync(appUrl) res.writeHead(200, { Content-Type: application/vnd.android.package-archive, // 安卓 Content-Length: stat.size, }) //创建可读流 let readStream = fs.createReadStream(appUrl) // 将读取的结果以管道pipe流的方式返回 readStream.pipe(res); } catch (error) { res.send(暂无此app文件哦) } })

至于强制更新的话,就做一个判断即可                ,当前版本不是服务器远端的最新版本的话                ,就不让往下走,不让登录即可

本文转载于:

https://juejin.cn/post/7197401681129914405

如果对您有所帮助           ,欢迎您点个关注                ,我会定时更新技术文档      ,大家一起讨论学习           ,一起进步。

声明:本站所有文章                ,如无特殊说明或标注      ,均为本站原创发布                。任何个人或组织     ,在未征得本站同意时                ,禁止复制           、盗用                 、采集     、发布本站内容到任何网站     、书籍等各类媒体平台                。如若本站内容侵犯了原著者的合法权益           ,可联系我们进行处理。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
win 11 升级(Windows11值得升级吗 手把手教你升级win11)