Cordova热更新与App更新

// 添加插件
cordova plugin add cordova-hot-code-push-plugin
// 全局安装热更新工具
npm或cnpm install -g cordova-hot-code-push-cli
// 在cordova根目录上执行命令添加cordova-hcp.json文件，该文件是热更新文件chcp.json的模版
cordova-hcp init

Running init
Please provide: Enter project name (required):  cordovaVueDemo  // 项目名称
Please provide: Amazon S3 Bucket name (required for cordova-hcp deploy):  // 亚马逊S3储存桶名字，可以跳过
Please provide: Path in S3 bucket (optional for cordova-hcp deploy):  // S3储存桶路径，可以跳过
Please provide: Amazon S3 region (required for cordova-hcp deploy):  (us-east-1)  // 亚马逊S3地区，可以跳过
Please provide: IOS app identifier:  // IOS应用程序商店的应用程序ID。App升级是跳转应用商店进行升级
Please provide: Android app identifier:  // Android App在应用商城的地址，或者App的下载地址
Please provide: Update method (required):  (resume) start // 执行更新的方法 start(启动应用程序时)  resume(恢复应用程序时，比如从控制台切换到前景)  now(下载完更新立即安装)
Please provide: Enter full URL to directory where cordova-hcp build result will be uploaded:  http://xxxxxx.com/www  // www资源文件在服务器上的地址
Project initialized and cordova-hcp.json file created.
If you wish to exclude files from being published, specify them in .chcpignore
Before you can push updates you need to run "cordova-hcp login" in project directory

// 另外生成cordova-hcp.json文件后还需要在文件中添加"autogenerated": true
// 如果不添加更新将无效，操作完成后完整的cordova-hcp.json文件应该是这样
// 添加iosMinVersion、androidVersion以控制App版本，插件更新需要重装app才能生效
{
  "name": "cordovaVueDemo", // 可为空
  "autogenerated": true, // 如果不添加，热更新会不能使用
  "ios_identifier": "", // 应用在App store id(可为空)
  "android_identifier": "", // 应用在应用商城上的地址或者App的下载地址(可为空)
  "update": "start", // 在应用启动时安装
  "content_url": "http://xxxxxx/cordova/www", // www文件在服务器上的地址
  "iosMinVersion": "1.0.0", // ios版本，通过这个判断是否需要重新下载app，一般是更新了cordova插件才需要改变这个
  "androidVersion": "1.0.0" // android版本，通过这个判断是否需要重新下载app，一般是更新了cordova插件才需要改变这个
  "updateLog": "更新日志"
}

// 执行命令
cordova-hcp build
// 执行完命令会在模版当中添加"release":"当前时间"字段，我们判断更新时就是通过这个字段进行判断
"release": "2021.06.17-16.30.20", // 唯一web项目版本号,用与热更新web内容的更新。（必需） 

// 在config.xml下方找个位置添加
<chcp>
    <config-file url="http://xxxxxx/cordova/www/chcp.json" /> // 配置文件 chcp.json 从服务器上加载的路径（必须的配置项）
    <auto-download enabled="false" /> // 是否自动下载更新，默认为true，因为我是通过方法手动更新的，所以设置为false
    <auto-install enabled="false" /> // 是否自动安装更新，默认为true，因为我是通过方法手动更新的，所以设置为false
    <native-interface version="1" /> // 当前 native side 的版本号
</chcp> 

// 我使用的是vue项目，所以我的写法就按照vue的来
// 创建util.js文件
class Util {
  // 配置热更新服务地址
  chcpConfigure() {
    return new Promise((resolve, reject) => {
      chcp.configure(
        { "config-file": process.env.VUE_APP_CHCP_SERVER },
        (err) => {
          if (err) {
            Toast("热更新地址配置出错");
            reject();
          } else {
            resolve();
          }
        }
      );
    });
  }
  // 获取热更新版本号
  chcpGetVersion() {
    return new Promise((resolve, reject) => {
      chcp.getVersionInfo((err, data) => {
        if (err) {
          reject();
        } else {
          resolve(data);
        }
      });
    });
  }
  // 检查服务器是否存在更新
  chcpFetchUpdate() {
    return new Promise((resolve, reject) => {
      chcp.fetchUpdate((err, data) => {
        if (err) {
          reject(err);
        } else {
          resolve(data);
        }
      });
    });
  }
  // 安装已下载更新
  chcpInstallUpdate() {
    return new Promise((resolve, reject) => {
      chcp.installUpdate(err => {
        if (err) {
          reject(err)
        } else {
          resolve()
        }
      });
    })
  }
} 
export default new Util();

// 在App.vue文件中编写逻辑
import util from "@/common/util";

export default {
  methods: {
    getAppChcpVersion() {
      util.chcpGetVersion().then((versionData) => {
        this.checkedAppUpdate(versionData, 0);
      });
    },
    checkedAppUpdate(versionData, type) {
      // type 0 自动检测  1 手动更新
      const self = this;
      // getOnlineVersion 函数是直接用axios.get方法请求线上服务器www的chcp.json文件，获取到里面的数据，用来对比
      getOnlineVersion().then((res) => {
        let iosMinVersion = Number(res.iosMinVersion.replace(/\./g, "")),
          androidVersion = Number(res.androidVersion.replace(/\./g, "")),
          appVersion = Number(versionData.appVersion.replace(/\./g, ""));
        // 判断允许增量还是必须下载完整App
        if (
          (util.isAndroid() && appVersion < androidVersion) ||
          (util.isIos() && appVersion < iosMinVersion)
        ) {
          self.$dialog
            .alert({
              title: "标题",
              message: "请前往并下载完整App",
              theme: "round-button",
            })
            .then(() => {
              window.location.href = "app下载地址";
            });
        } else {
          if (versionData.currentWebVersion != res.release) {
            // 判断是否强制更新
            if (res.updateType == 1) {
              self.$toast({
                message: "系统强制更新！！！",
                onClose() {
                  self.checkedHasFetchUpdate();
                },
              });
            } else {
              self.$dialog
                .confirm({
                  title: "软件更新",
                  message: res.updateLog,
                })
                .then(() => {
                  self.checkedHasFetchUpdate();
                })
                .catch(() => {});
            }
          }
        }
      });
    },
    checkedHasFetchUpdate() {
      this.$toast.loading({
        message: "更新中...",
        duration: 0,
      });
      util
        .chcpFetchUpdate()
        .then((data) => {
          util
            .chcpInstallUpdate()
            .then(() => {
              this.$toast("成功安装更新");
            })
            .catch((err) => {
              console.log(err);
              this.$toast("更新安装出错");
            });
        })
        .catch((err) => {
          console.log(err);
          this.$toast("更新包获取失败");
        });
    },
  },
  created(){
    document.addEventListener(
      "deviceready",
      () => {
        this.getAppChcpVersion();
      },
      false
    );
  }
} 
// 如果没问题的话到了这一步热更新就能正常执行，打开App时就会执行方法，有更新的话就会弹出提示要求更新