2023年11月26日发(作者:)
uniapp之版本检测⾃动更新机制
在做APP时需要⽤到⾃动更新升级机制,当版本更新了则提⽰⽤户升级下载更新。
下⾯是我实现的逻辑
header("Access-Control-Allow-Origin: *");// 允许所有地址跨域请求 class Index{ protected $version = '1.0.0'; // 版本号 protected $appid = ''; // 当前应⽤APPID 例如:__UNI__BBBBB14 ⽰例 /** * 返回json Api格式 * @param $code * @param string $msg * @param array $data * @param int $httpCode * @return thinkresponseJson */ public function show($code, $msg = "", $data = []){ $result = [ 'code' => $code, 'msg' => $msg, 'data' => $data ]; echo json_encode($result,true); exit; } 2.后端接⼝咱们已经写好了,接下来看uniapp如何检测 在项⽬中 onLaunch ⽅法中检测版本更新,我的代码如下 import Vue from 'vue' import config from '@/lib/' export default { onLaunch: function(){ let that = this // 检测版本更新 ersion() }, onShow: function() { ('App Show') }, onHide: function() { ('App Hide') }, methods:{ checkVersion(){ let that = this // #ifdef APP-PLUS ientation('portrait-primary') // 竖屏锁定 icon:"none", duration:3000 }) } } }) // #endif }, createDownload(url){ let that = this try { // 更新下载 let dtask = Download(url,{'method':'GET'}) () // 开启下载的任务 ntListener('statechanged', function(task,status) { // 给下载任务设置⼀个监听 并根据状态 做操作 switch () { case 1: // 正在下载 break npm install vuex 安装完成后再项⽬的根⽬录下创建store⽂件夹,然后在⽂件夹中创建 import Vue from 'vue' import Vuex from 'vuex' import Vue from 'vue' import App from './App' import store from './store' // 引⼊模块 tionTip = false 上⾯就已经实现⽤户打开App⾃动检测更新机制完整流程和代码。


发布评论