uniapp在线下载安装包更新app以及热更新

news2025/2/25 23:05:11

首先用getSystemInfo判断平台、 再通过json文件模拟接口 判断版本号是否一致 不一致则下载服务器apk进行更新
外加网络波动导致失败重新下载更新包

 uni.getSystemInfo({
      success: function (e) {
        // #ifndef H5
        // 获取手机系统版本
        const system = e.system.toLowerCase();
        const platform = e.platform.toLowerCase();
        // 判断是否为ios设备
        if (
          platform.indexOf("ios") != -1 &&
          (system.indexOf("ios") != -1 || system.indexOf("macos") != -1)
        ) {
          Vue.prototype.SystemPlatform = "apple";
        } else if (platform.indexOf("android") != -1 && system.indexOf("android") != -1) {
          Vue.prototype.SystemPlatform = "android";

          uni.request({
            url: "https://xxxxxxx.love/0.json", // JSON 文件地址
            success: (res) => {
              if (res.statusCode === 200) {
                const version = res.data.version; // 获取 版本字段
                if (version != "1.0.1") {
                  uni.showModal({
                    title: "更新提示",
                    content: "有新的版本可用，是否立即更新？",
                    success: (result) => {
                      if (result.confirm) {
                        const downloadTask = uni.downloadFile({
                          url: "https://xxxxxxx.love/lock.apk", // 更新包地址
                          success: (downloadResult) => {
                            if (downloadResult.statusCode === 200) {
                              const tempFilePath = downloadResult.tempFilePath;
                              // 保存文件到持久目录
                              uni.saveFile({
                                tempFilePath: tempFilePath,
                                success: (saveResult) => {
                                  console.log(
                                    "文件保存成功，路径：",
                                    saveResult.savedFilePath
                                  );
                                  uni.openDocument({
                                    filePath: saveResult.savedFilePath,
                                    success: function (res) {
                                      console.log(res, "打开安装包");
                                    },
                                  });
                                  return;
                                  // 提示用户去文件管理器中安装
                                  uni.showModal({
                                    title: "下载完成",
                                    content:
                                      "更新包下载完成，请在文件管理器中找到并安装更新包。",
                                    showCancel: false,
                                    success: () => {
                                      uni.hideLoading(); // 隐藏进度条
                                    },
                                  });
                                },
                                fail: (err) => {
                                  console.error("保存文件失败", err);
                                  uni.hideLoading(); // 隐藏进度条
                                },
                              });
                            }
                          },
                          fail: (err) => {
                            console.error("下载失败", err);
                            uni.hideLoading(); // 隐藏进度条
                          },
                        });

                        uni.showLoading({
                          title: "正在下载更新包",
                          mask: true,
                        });

                        let lastProgress = 0;
                        let lastUpdateTime = new Date().getTime();
                        const updateInterval = 1500;

                        downloadTask.onProgressUpdate((res) => {
                          const currentTime = new Date().getTime();
                          if (
                            res.progress - lastProgress >= 5 ||
                            currentTime - lastUpdateTime >= updateInterval
                          ) {
                            lastProgress = res.progress;
                            lastUpdateTime = currentTime;
                            uni.showLoading({
                              title: `下载中... ${res.progress}%`,
                              mask: true,
                            });
                          }
                        });
                      }
                    },
                  });
                }
              }
            },
            fail: (err) => {
              console.error("请求失败", err);
            },
          });
        } else {
          Vue.prototype.SystemPlatform = "devtools";
        }
        // #endif
      },
    });

在这里插入图片描述

新增
加入热更新

<script>
import Vue from "vue";
import store from "./store/index.js";
import updateCustomBarInfo from "./tuniao-ui/libs/function/updateCustomBarInfo.js";
export default {
  onLaunch() {
    this.checkSystemInfo();
    this.getCustomBarInfo();
    this.checkForAppUpdates();
    this.checkForHotUpdates();
  },

  methods: {
    /**
     * 检查系统信息以确定平台类型
     */
    checkSystemInfo() {
      uni.getSystemInfo({
        success: (e) => {
          const system = e.system.toLowerCase();
          const platform = e.platform.toLowerCase();

          if (
            platform.includes("ios") &&
            (system.includes("ios") || system.includes("macos"))
          ) {
            Vue.prototype.SystemPlatform = "apple";
          } else if (platform.includes("android") && system.includes("android")) {
            Vue.prototype.SystemPlatform = "android";
          } else {
            Vue.prototype.SystemPlatform = "devtools";
          }
        },
      });
    },

    /**
     * 获取并更新状态栏和自定义顶栏信息
     */
    getCustomBarInfo() {
      updateCustomBarInfo().then((res) => {
        store.commit("$tStore", {
          name: "vuex_status_bar_height",
          value: res.statusBarHeight,
        });
        store.commit("$tStore", {
          name: "vuex_custom_bar_height",
          value: res.customBarHeight,
        });
      });
    },

    /**
     * 检查并处理应用更新
     */
    checkForAppUpdates() {
      const that = this;
      uni.request({
        url: "https://kangkang.love/0.json",
        success: (res) => {
          if (res.statusCode === 200 && res.data.appVersion !== "1.0.1") {
            uni.showModal({
              title: "更新提示",
              content: `${res.data.appUpdateContent || ""}`,
              success: (result) => {
                if (result.confirm) {
                  that.downloadUpdatePackage();
                }
              },
            });
          }
        },
        fail: (err) => {
          console.error("请求失败", err);
        },
      });
    },

    /**
     * 下载并安装更新包
     */
    downloadUpdatePackage() {
      const downloadTask = uni.downloadFile({
        url: "http://cdn.kangkang.love/lock.apk",
        success: (downloadResult) => {
          if (downloadResult.statusCode === 200) {
            const tempFilePath = downloadResult.tempFilePath;
            uni.saveFile({
              tempFilePath,
              success: (saveResult) => {
                uni.openDocument({
                  filePath: saveResult.savedFilePath,
                  success: (res) => {
                    console.log(res, "打开安装包");
                  },
                });
              },
              fail: (err) => console.error("保存文件失败", err),
            });
          }
        },
        fail: (err) => console.error("下载失败", err),
      });

      uni.showLoading({
        title: "正在下载更新包",
        mask: true,
      });

      let lastProgress = 0;
      let lastUpdateTime = Date.now();
      const updateInterval = 1500;

      downloadTask.onProgressUpdate((res) => {
        const currentTime = Date.now();
        if (
          res.progress - lastProgress >= 5 ||
          currentTime - lastUpdateTime >= updateInterval
        ) {
          lastProgress = res.progress;
          lastUpdateTime = currentTime;
          uni.showLoading({
            title: `下载中... ${res.progress}%`,
            mask: true,
          });
        }
      });
    },

    /**
     * 检查并处理热更新
     */
    checkForHotUpdates() {
      const that = this;
      uni.request({
        url: "https://kangkang.love/0.json",
        success: (res) => {
          if (res.statusCode === 200 && res.data.hotUpdateVersion !== "1.0.0") {
            uni.showModal({
              title: "热更新提示",
              content: `${res.data.hotUpdateContent || ""}`,
              success: (result) => {
                if (result.confirm) {
                  that.downloadHotUpdatePackage();
                }
              },
            });
          }
        },
        fail: (err) => {
          console.error("热更新请求失败", err);
        },
      });
    },

    /**
     * 下载并处理热更新包
     */
    downloadHotUpdatePackage() {
      const that = this;
      const downloadTask = uni.downloadFile({
        url: "https://kangkang.love/update.wgt", // 热更新包地址
        success: (downloadResult) => {
          if (downloadResult.statusCode === 200) {
            const tempFilePath = downloadResult.tempFilePath;
            plus.runtime.install(
              tempFilePath,
              {
                force: true,
              },
              function (succ) {
                // console.log('install success...');
                plus.nativeUI.closeWaiting();
                plus.nativeUI.alert("更新完成！", function () {
                  // 热更新完成自动重启
                  plus.runtime.restart();
                });
              },
              function (e) {
                plus.nativeUI.closeWaiting();
                plus.nativeUI.alert("更新失败,点击确认手动更新", function () {
                  plus.runtime.openURL(_this.updateUrl);
                  plus.runtime.quit();
                });
                console.error("install fail...", e);
              }
            );
          }
        },
        fail: (err) => console.error("热更新包下载失败", err),
      });

      uni.showLoading({
        title: "正在下载热更新包",
        mask: true,
      });

      let lastProgress = 0;
      let lastUpdateTime = Date.now();
      const updateInterval = 1500;

      downloadTask.onProgressUpdate((res) => {
        const currentTime = Date.now();
        if (
          res.progress - lastProgress >= 5 ||
          currentTime - lastUpdateTime >= updateInterval
        ) {
          lastProgress = res.progress;
          lastUpdateTime = currentTime;
          uni.showLoading({
            title: `下载中... ${res.progress}%`,
            mask: true,
          });
        }
      });
    },
  },
};
</script>

<style lang="scss">
@import "./tuniao-ui/index.scss";
@import "./tuniao-ui/iconfont.css";
@import "./tuniao-ui/TnDouble.css";

page {
  background-color: rgb(235, 236, 240);
}
</style>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2064632.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

《黑神话：悟空》解锁+35项修改器，开启上帝模式！

《黑神话：悟空》解锁+35项修改器，开启上帝模式！

哈喽&#xff0c;各位小伙伴们好&#xff0c;我是给大家带来各类黑科技与前沿资讯的小武。 8 月 20 日&#xff0c;国产 3A 大作《黑神话&#xff1a;悟空》闪亮登场&#xff01;这是一款由中国游戏开发商游戏科学开发的动作角色扮演游戏&#xff0c;此前在研发阶段就备受关注…
阅读更多...
Python 使用 matplotlib 显示图像

Python 使用 matplotlib 显示图像

如果没有安装 matplotlib 需要先安装&#xff1a; pip install matplotlib一、读取图片并显示 import matplotlib.pyplot as pltimage_path "/Users/AlanWang4523/Desktop/Debug/files/image.png" image_array plt.imread(image_path)plt.figure("ImageShow…
阅读更多...
会声会影作为视屏制作软件如何?会声会影最新免费版

会声会影作为视屏制作软件如何?会声会影最新免费版

二、核心功能与特点 拖放式编辑&#xff1a;会声会影2024提供了拖放式标题、转场、覆叠和滤镜功能&#xff0c;使得视频编辑变得更加直观和高效。 色彩分级与动态分屏&#xff1a;软件支持色彩分级功能&#xff0c;可以对视频进行精细的色彩调整。同时&#xff0c;动态分屏功能…
阅读更多...
STM32通用定时器，端口复用和重映射

STM32通用定时器，端口复用和重映射

STM32定时器是一种内置在STM32微控制器中的硬件模块&#xff0c;用于测量和控制时间。它具有高精度、可配置性和灵活性的特点&#xff0c;能够支持多种不同的工作模式和应用场景。以下是对STM32定时器的详细讲解&#xff1a; 一、定时器的基本构成 STM32定时器主要由以下几个…
阅读更多...
内存管理————基础理解

内存管理————基础理解

目录 我们先看以下代码和内存分布图 对一些名词的解释说明&#xff1a; 题目 答案 问题解释&#xff1a; C语言中动态内存管理方式 C语言中动态内存管理方式&#xff1a;malloc/calloc/realloc/free 这里提一下要注意的点 C内存管理方式 基本内容 new/delete操作内置…
阅读更多...
常用API:object

常用API:object

文章目录 Object类toString()方法equals()方法总结其他方法 黑马学习笔记 Object类 是所有类的父类&#xff0c;所有的类都默认继承Object类。Java中所有的类的对象都可以直接使用Object类提供的一些方法。 toString()方法 equals()方法 默认是判断两个对象的地址 也是判断…
阅读更多...
MATLAB-疲劳检测

MATLAB-疲劳检测

首先&#xff0c;我们需要解决一个问题&#xff0c;什么样可以视为疲劳&#xff1f; 频繁的眨眼/眨一次眼所用时间很长 不停的打哈欠 不停的点头 通过分析&#xff0c;我们得到了检测疲劳的三个标准&#xff1a;眨眼&#xff0c;打哈欠&#xff0c;头部姿态。 这三个标准可以…
阅读更多...
OpenCV findTours函数及其用法

OpenCV findTours函数及其用法

OpenCV findTours函数主要用以寻找图像中物体的轮廓&#xff0c;其原型如下&#xff1a; indTours 函数参数&#xff1a; Image 输入图像&#xff0c;需8位单通道图像。非零像素被视为1。零像素保持为0&#xff0c;因 此图 像被视为 二进制。您可以使用co…
阅读更多...
【数据分享】《全国能源-分行业煤油消费总量》（2000-2020年）

【数据分享】《全国能源-分行业煤油消费总量》（2000-2020年）

而今天要限时免费分享的数据就是2000-2020年间出版的《全国能源-分行业煤油消费总量》并以多格式提供免费下载。&#xff08;无需分享朋友圈即可获取&#xff09; 数据介绍 在过去的二十年里&#xff0c;中国作为全球能源消费的重要力量&#xff0c;其能源结构的变化不仅影…
阅读更多...
基于x86 平台opencv的图像采集和seetaface6的图像质量评估功能

基于x86 平台opencv的图像采集和seetaface6的图像质量评估功能

目录 一、概述二、环境要求2.1 硬件环境2.2 软件环境三、开发流程3.1 编写测试3.2 配置资源文件3.2 验证功能一、概述 本文档是针对x86 平台opencv的图像采集和seetaface6的图像质量评估功能，opencv通过摄像头采集视频图像，将采集的视频图像送给seetaface6的图像质量评估模块…
阅读更多...
21.1 基于Netty实现聊天

21.1 基于Netty实现聊天

21.1 基于Netty实现聊天 一. 章节概述二. `Netty`介绍三. 阻塞与非阻塞1. 阻塞与非阻塞简介2. BIO同步阻塞3. NIO同步非阻塞4. AIO异步非阻塞IO5. 异步阻塞IO(用的极少)6. 总结四. Netty三种线程模型1. 单线程模型2. 多线程模型3. 主从线程模型五. 构建Netty服务器************…
阅读更多...
DDL——三范式与表约束

DDL——三范式与表约束

目录 一、三大范式 1.范式的定义 2.第一范式 3.第二范式 4.第三范式 二、表约束 1.约束的定义 2.非空约束&#xff08;not null&#xff09; 3.唯一性约束&#xff08;unique&#xff09; 4.主键约束&#xff08;primary key&#xff09; 5.外键约束&#xff08;fo…
阅读更多...
可集成多模型的机器人开发框架 dora：让机器人编程走向大众

可集成多模型的机器人开发框架 dora：让机器人编程走向大众

作者 | Annie Xu 责编 | 何苗 出品 | GOSIM 开源创新汇 C 和 C是机器人编程中常用的编程语言&#xff0c;但学起来存在一定难度。那些对机器人感兴趣&#xff0c;但没有精力花费数周时间学习 C 和 C编程的用户只能望而却步。 为了让机器人技术变得更简单&#xff0c;陶海轩&a…
阅读更多...
AWS SAM CLI 备忘单！

AWS SAM CLI 备忘单！

安装 AWS SAM CLI brew tap aws/tap brew 安装 aws-sam-cli 验证安装 $ sam --version 升级 SAM $ brew upgrade aws-sam-cli 您需要 AWS 凭证才能在 AWS 上工作。 构建并部署简单应用程序 $ sam init→ 下载示例应用程序 $ sam build→ 构建您的应用程序 $ sam deploy --guid…
阅读更多...
机器学习：决策树回归树实现

机器学习：决策树回归树实现

1、决策树&#xff1a; 是一种树形结构&#xff0c;用于通过一系列的是非问题来预测目标值。在决策树回归中&#xff0c;树的叶子节点代表预测的连续值。 2、数据准备&#xff1a; 收集数据集&#xff0c;并对其进行清洗和预处理。 将数据集分为特征&#xff08;X&#xff09;…
阅读更多...
git-20240822

git-20240822

目录 初始化仓库 Git init Git init project --bare 查看提交的记录 git log --prettyoneline 查看当前git远程库地址 git remote -v 查看详细提交记录 git log 撤出暂存区的文件 git reset HEAD file(.代表全部文件&#xff09; 提交数据到远程仓库 git config --global push.…
阅读更多...
4.6算法之贪心_702:Crossing River

4.6算法之贪心_702:Crossing River

题目 702:Crossing River 总时间限制: 1000ms 内存限制: 65536kB 描述 A group of N people wishes to go across a river with only one boat, which can at most carry two persons. Therefore some sort of shuttle arrangement must be arranged in order to row the boat…
阅读更多...
【TB作品】普中V2，数字时钟万年历显示，音乐闹钟，流水灯，Proteus仿真

【TB作品】普中V2，数字时钟万年历显示，音乐闹钟，流水灯，Proteus仿真

文章目录 功能硬件原理图LCD1602独立按键LED灯ds1302蜂鸣器 引脚汇总按键功能code 功能 带闹钟和花样流水灯的LCD数显实时时钟设计&#xff08;运用DS1302时钟模块&#xff0c;LCD显示&#xff0c;带万年历&#xff0c;时间到响音乐显示花样流水灯&#xff09; 万年历显示 按…
阅读更多...
禹神：三小时快速上手TypeScript，TS速通教程(上篇、中篇、下篇，3合1笔记)，根据视频整理

禹神：三小时快速上手TypeScript，TS速通教程(上篇、中篇、下篇，3合1笔记)，根据视频整理

TypeScript快速上手 &#x1f4da;一、TypeScript简介 1.TypeScript由微软开发&#xff0c;是其于JavaScript的一个扩展语言. 2.TypeScript包含了JavaScript的所有内容&#xff0c;即&#xff1a;TypeScript是JavaScript的超集 3.TypeScript增加了&#xff1a;静态奖型检查、接…
阅读更多...
Win10安装ChatTTS-2024-cuda10.1

Win10安装ChatTTS-2024-cuda10.1

0x00 前言 ChatTTS是专门为对话场景设计的文本转语音模型&#xff0c;例如大语言助手对话任务。它支持英文和中文两种语言。最大的模型使用了10万小时以上的中英文数据进行训练。目前在huggingface中的开源版本为4万小时训练且未SFT的版本。 0x01 准备环境 版本操作系统Win1…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023