uniapp在线下载安装包更新app

首先用getSystemInfo判断平台、 再通过json文件模拟接口 判断版本号是否一致 不一致则下载服务器apk进行更新

外加网络波动导致失败重新下载更新包

js 复制代码
 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
      },
    });
相关推荐
天蓝色的鱼鱼1 天前
从“死了么”到“我在”:用uniCloud开发一款温暖人心的App
前端·uni-app
小徐_23331 天前
uni-app 组件库 Wot UI 的 AI 友好型编程指南
前端·uni-app
CHB2 天前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark
uni-app·harmonyos
anyup2 天前
月销 8000+,uView Pro 让 uni-app 跨端开发提速 10 倍
前端·uni-app·开源
willow5 天前
uniapp实战
uni-app
只会cv的前端攻城狮5 天前
兼容性地狱-Uniapp钉钉小程序环境隔离踩坑实录
前端·uni-app
codingWhat7 天前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
小时前端8 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
Mr_li9 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup9 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos