UniAPP 安卓应用版本自动更新及下载安装

2024-06-07 17:18

本文主要是介绍UniAPP 安卓应用版本自动更新及下载安装,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一. 前言

近期进行 Uniapp 的开发,在项目发布的最后需要实现版本的自动检测和更新下载功能
特地在此进行文章的整理,以方便道友们减少前进道路上的坎坷,多谢指摘 …

注: 本次指导,以更新 安卓应用 为案例(非热更新),ios、小程序等可举一反三,稍作优化!

二. 设计思路

	1.  在服务端配置一个最新的应用版本号;并将打包生成的 apk(安卓应用) 置于服务器,保证可成功访问的链接2.  在前端 Uniapp 的最常用的访问页面 (比如,鄙人选取的是 首页vue);设置当前应用的版本号;并进行代码编写,判断缓存时间和版本号的大小;进而通过提示窗口,指导用户实现版本的更新下载等 ...

三. 代码配置实现

  • 代码的编写与配置,需要分服务端和UniAPP前端的修改,不要混乱,按部就班就好

①☞ 服务端代码配置

  1. 首先需要配置一下最新的应用版本
    以我的 ThinkPHP5.1 框架结构为例,参考如下:
    在这里插入图片描述
  2. 定义检测安卓版本的请求链接
    以我的 PHP实现方式 为例如下,注意:补充了一下鄙人自定义使用的函数 showMsg()
	 /*** 检测安卓版本的请求链接* @param Request $request*/public function checkAndroidVersion(Request $request){//此处 version 为配置的一个版本号,整数,例:102$version = config("app.android_app_version");return showMsg(1,"checkAndroidVersion",['version'=>$version,'timestamp'=>time()]);}//TODO 补充自定义函数 showMsg()/*** 公用的方法  返回json数据,进行信息的提示* @param $status 状态* @param string $message 提示信息* @param array $data 返回数据*/function showMsg($status,$message = '',$data = array()){$result = array('status' => $status,'message' =>$message,'data' =>$data);exit(json_encode($result));}

②☞ UniAPP 前端代码配置指导

  1. 首先进行当前版本号的设置
    一般在每次确定发布前进行更新即可,同时要保证和服务器中的版本号一致(建议使用整数,递增 ↑
data() {return {version:101,}},
  1. 然后进行检测操作
    为保证版本检测的即时性,我选择将方法配置于 onShow()
onShow(){uni.getSystemInfo({success:(res) => {//检测当前平台,如果是安卓则启动安卓更新  if(res.platform=="android"){  this.AndroidCheckUpdate();  }  }  })},
  1. 后面就是处理上面一步中所调用的自定义方法 —— AndroidCheckUpdate()
    建议阅读代码,参考我的注释进行理解即可,不算麻烦
methods: {/*** 安卓应用的检测更新实现*/AndroidCheckUpdate:function(){  var _this = this;  uni.request({//请求地址,设置为自己的服务器链接url: GLOBAL.DOMAIN_URL+'/uniapi/checkAndroidVersion.html',//method: 'GET',  data: {},  success: resMz => {var server_version = resMz.data.data.version;var currTimeStamp = resMz.data.data.timestamp;// 判断缓存时间uni.getStorage({key: 'tip_version_update_time',success: function (res) {var lastTimeStamp = res.data;//定义提醒的时间间隔,避免烦人的一直提示,一个小时:3600;一天:86400var tipTimeLength = 3600;if((lastTimeStamp+tipTimeLength) > currTimeStamp){//避免多次提醒,不要更新console.log("避免多次提醒,不要更新");}else{//重新设置时间戳_this.setStorageForAppVersion(currTimeStamp);//进行版本型号的比对 以及下载更新请求_this.checkVersionToLoadUpdate(server_version, _this.version);}},fail:function(res){_this.setStorageForAppVersion(currTimeStamp);}});},  fail: () => {},  complete: () => {}  });  },  /*** //设置应用版本号对应的缓存信息* @param {Object} currTimeStamp 当前获取的时间戳*/setStorageForAppVersion:function(currTimeStamp){uni.setStorage({key: 'tip_version_update_time',data: currTimeStamp,success: function () {console.log('setStorage-success');}});},/*** 进行版本型号的比对 以及下载更新请求* @param {Object} server_version 服务器最新 应用版本号* @param {Object} curr_version 当前应用版本号*/checkVersionToLoadUpdate:function(server_version,curr_version){if(server_version > curr_version){//TODO 此处判断是否为 WIFI连接状态if(plus.networkinfo.getCurrentType()!=3){uni.showToast({  title: '有新的版本发布,检测到您目前非Wifi连接,为节约您的流量,程序已停止自动更新,将在您连接WIFI之后重新检测更新',  mask: true,  duration: 5000,icon:"none"});  return;  }else{uni.showModal({title: "版本更新",content: '有新的版本发布,检测到您当前为Wifi连接,是否立即进行新版本下载?',confirmText:'立即更新',cancelText:'稍后进行',success: function (res) {if (res.confirm) {uni.showToast({icon:"none",mask: true,title: '有新的版本发布,检测到您目前为Wifi连接,程序已启动自动更新。新版本下载完成后将自动弹出安装程序',  duration: 5000,  }); //设置 最新版本apk的下载链接var downloadApkUrl = GLOBAL.DOMAIN_URL+"/apk/mzz2.apk";var dtask = plus.downloader.createDownload( downloadApkUrl, {}, function ( d, status ) {  // 下载完成  if ( status == 200 ) {   plus.runtime.install(plus.io.convertLocalFileSystemURL(d.filename),{},{},function(error){  uni.showToast({  title: '安装失败', duration: 1500  });  })} else {  uni.showToast({  title: '更新失败',duration: 1500  });  }    });  dtask.start();} else if (res.cancel) {console.log('稍后更新');}}});}}},}

四. 运行效果:

附录:

①☞ 如果 测试遇到报错 :ReferenceError: plus is not defined

那是因为没有使用安卓真机、虚拟机测试,如果使用了谷歌浏览器是不支持的哦

②☞ 注意事项:

	①. AndroidCheckUpdate() 中的请求地址 url 不要错哦②. AndroidCheckUpdate() 中的 tipTimeLength  需要自定义设置,以秒为单位③. checkVersionToLoadUpdate() 中最新版本apk的下载链接  downloadApkUrl 不要配置错

③☞ 使用步骤:

①. 前端代码更新完成后,确定修改一下 当前版本号 version,可以递增加一就好
②. 代码打包(我是云打包)后,将得到的 打包文件(apk 等) 准确放置于 下载链接 downloadApkUrl
③. 更新服务端配置项:android_app_version,确认与第①步中的版本号一致

④☞ 参考文章:

  • uni APP自动更新并安装

这篇关于UniAPP 安卓应用版本自动更新及下载安装的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1039802

相关文章

PostgreSQL的扩展dict_int应用案例解析

《PostgreSQL的扩展dict_int应用案例解析》dict_int扩展为PostgreSQL提供了专业的整数文本处理能力,特别适合需要精确处理数字内容的搜索场景,本文给大家介绍PostgreS... 目录PostgreSQL的扩展dict_int一、扩展概述二、核心功能三、安装与启用四、字典配置方法

Python中re模块结合正则表达式的实际应用案例

《Python中re模块结合正则表达式的实际应用案例》Python中的re模块是用于处理正则表达式的强大工具,正则表达式是一种用来匹配字符串的模式,它可以在文本中搜索和匹配特定的字符串模式,这篇文章主... 目录前言re模块常用函数一、查看文本中是否包含 A 或 B 字符串二、替换多个关键词为统一格式三、提

Java MQTT实战应用

《JavaMQTT实战应用》本文详解MQTT协议,涵盖其发布/订阅机制、低功耗高效特性、三种服务质量等级(QoS0/1/2),以及客户端、代理、主题的核心概念,最后提供Linux部署教程、Sprin... 目录一、MQTT协议二、MQTT优点三、三种服务质量等级四、客户端、代理、主题1. 客户端(Clien

CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比

《CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比》CSS中的position属性用于控制元素的定位方式,不同的定位方式会影响元素在页面中的布... css 中的 position 属性用于控制元素的定位方式,不同的定位方式会影响元素在页面中的布局和层叠关

SpringBoot3应用中集成和使用Spring Retry的实践记录

《SpringBoot3应用中集成和使用SpringRetry的实践记录》SpringRetry为SpringBoot3提供重试机制,支持注解和编程式两种方式,可配置重试策略与监听器,适用于临时性故... 目录1. 简介2. 环境准备3. 使用方式3.1 注解方式 基础使用自定义重试策略失败恢复机制注意事项

使用jenv工具管理多个JDK版本的方法步骤

《使用jenv工具管理多个JDK版本的方法步骤》jenv是一个开源的Java环境管理工具,旨在帮助开发者在同一台机器上轻松管理和切换多个Java版本,:本文主要介绍使用jenv工具管理多个JD... 目录一、jenv到底是干啥的?二、jenv的核心功能(一)管理多个Java版本(二)支持插件扩展(三)环境隔

MySQL版本问题导致项目无法启动问题的解决方案

《MySQL版本问题导致项目无法启动问题的解决方案》本文记录了一次因MySQL版本不一致导致项目启动失败的经历,详细解析了连接错误的原因,并提供了两种解决方案:调整连接字符串禁用SSL或统一MySQL... 目录本地项目启动报错报错原因:解决方案第一个:第二种:容器启动mysql的坑两种修改时区的方法:本地

Python使用Tkinter打造一个完整的桌面应用

《Python使用Tkinter打造一个完整的桌面应用》在Python生态中,Tkinter就像一把瑞士军刀,它没有花哨的特效,却能快速搭建出实用的图形界面,作为Python自带的标准库,无需安装即可... 目录一、界面搭建:像搭积木一样组合控件二、菜单系统:给应用装上“控制中枢”三、事件驱动:让界面“活”

conda安装GPU版pytorch默认却是cpu版本

《conda安装GPU版pytorch默认却是cpu版本》本文主要介绍了遇到Conda安装PyTorchGPU版本却默认安装CPU的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的... 目录一、问题描述二、网上解决方案罗列【此节为反面方案罗列!!!】三、发现的根本原因[独家]3.1 p

如何确定哪些软件是Mac系统自带的? Mac系统内置应用查看技巧

《如何确定哪些软件是Mac系统自带的?Mac系统内置应用查看技巧》如何确定哪些软件是Mac系统自带的?mac系统中有很多自带的应用,想要看看哪些是系统自带,该怎么查看呢?下面我们就来看看Mac系统内... 在MAC电脑上,可以使用以下方法来确定哪些软件是系统自带的:1.应用程序文件夹打开应用程序文件夹