【ionic App问题总结系列】ionic 如何更新app版本

最新推荐文章于 2022-02-19 17:06:14 发布

前端超人

最新推荐文章于 2022-02-19 17:06:14 发布

阅读量4.2k

点赞数

分类专栏： ionic 文章标签： ionic

本文链接：https://blog.csdn.net/qq673318522/article/details/53236288

版权

本文介绍了如何使用ionic进行App的自动更新，主要通过从远程下载apk覆盖旧版本的方式，详细阐述了包括安装所需插件、添加AppUpdateService以及在代码中调用更新方法的三个步骤。

摘要由CSDN通过智能技术生成

ionic 如何进行自动更新

ionic App更新有两种方式：第一种是普通的从远程下载apk，安装并覆盖旧版本。另外一种就是采用替换www文件夹的内容，实现应用内更新，而无需下载安装apk。
这篇文章讲的是通过第一种方式，来实现app的更新。
App更新流程比较简单，如下图：
这里写图片描述
这里用到的后端的接口字段如下：

{
    "update_flag",    // 更新的flag，一般取值分为不更新，普通更新，强制更新三种
    "url",    // 远程apk下载地址
    "desc",    // 更新描述
    ""
}

第一步：安装所需要的插件

cordova-plugin-network-information
cordova-plugin-file
cordova-plugin-file-operner2
cordova-plugin-file-transfer
cordova-plugin-app-version

cordova plugin add cordova-plugin-network-information cordova-plugin-file cordova-plugin-file-operner2 cordova-plugin-file-transfer cordova-plugin-app-version --save

第二步：添加AppUpdateService

我把App更新的逻辑封装在了AppUpdateService中，代码如下：


  /**
   * App检查更新 Service
   */
  .factory('AppUpdateService', ["$http", "Services", '$q', '$cordovaNetwork', '$cordovaAppVersion', '$ionicPopup', '$ionicLoading', '$cordovaFileTransfer', '$cordovaFileOpener2', '$timeout',
    function ($http, Services, $q, $cordovaNetwork, $cordovaAppVersion, $ionicPopup, $ionicLoading, $cordovaFileTransfer, $cordovaFileOpener2, $timeout) {
   
      return {
        checkVersionData: checkVersionData,
        checkVersion: che