Ionic实战 自动升级APP(Android版)

　   最近项目收尾，提出了一些新的需求，希望每次更新都能如QQ，WeChat一样，在有新版本的时候，自动对其进行下载更新，根据实际的应用环境，此功能确实应该实现，于是查阅了相关资料，实现了此功能~，现对此进行总结如下，若有错误见解请批评性指出~

Ionic 自动升级APP

一、准备工作

　　1.Cordova插件：

　　　　cordova plugin add https://github.com/whiteoctober/cordova-plugin-app-version.git  // 获取APP版本
　　　　cordova plugin add org.apache.cordova.file // 文件系统
　　　　cordova plugin add org.apache.cordova.file-transfer //文件传输系统
　　　　cordova plugin add https://github.com/pwlin/cordova-plugin-file-opener2 //文件打开系统

　　2.AngularJS Cordova插件

　　　　直接引用即可：<script src="lib/ngCordova/dist/ng-cordova.js"></script>

二、相关代码，app.js

angular.module('mpApp', ['ionic', 'mpControllers', 'mpServices','mpFilters'])
.run(function($ionicPlatform,$rootScope,$ionicActionSheet, $timeout,$cordovaAppVersion, $ionicPopup, $ionicLoading, $cordovaFileTransfer, $cordovaFile, $cordovaFileOpener2,$http) {
  $ionicPlatform.ready(function() {
    if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
      cordova.plugins.Keyboard.disableScroll(true);

    }
    if (window.StatusBar) {
      StatusBar.styleDefault();
    };
    if (window.cordova && window.cordova.InAppBrowser) {
        window.open = window.cordova.InAppBrowser.open;
      }
    setTimeout(function () {
//      navigator.splashscreen.hide();
    }, 100);
    
    
    
    //启用极光推送服务
    try {
      window.plugins.jPushPlugin.init();
      window.plugins.jPushPlugin.setDebugMode(true);

    } catch (exception) {
      console.log(exception);
    }
    
    /*
    var onReceiveNotification = function (event) {  
      try {  
        console.log('接收新的推送通知');  
        //var alert = event.aps.alert;//通知内容  
        window.plugins.jPushPlugin.setBadge(event.aps.badge);  
        console.log("JPushPlugin:onReceiveNotification key aps.alert:" + alert);  
      }  
      catch (exeption) {  
        console.log(exception)  
      }  

    var onTagsWithAlias =function(event){
        alert("onTagsWithAlias方法执行");
        window.plugins.jPushPlugin.getRegistrationID(function(id){
        //将获取到的id存入服务端 
            alert(id);这里就可以获取到注册的ID了
        }); 
    )
    //打开通知  
    var onOpenNotification = function (event) {  
      try {  
        console.log('打开通知消息');  
        window.plugins.jPushPlugin.setBadge(0);  
        window.plugins.jPushPlugin.resetBadge();  
        window.plugins.jPushPlugin.setApplicationIconBadgeNumber(0);  
        $state.go('app.bookshelf');  
      }  
      catch (exeption) {  
        console.log(exception)  
      }  
    };  
    
    document.addEventListener("jpush.receiveNotification", onReceiveNotification, false);  
    document.addEventListener("jpush.openNotification", onOpenNotification, false);  
    */
    //检测更新
    checkUpdate();
    document.addEventListener("menubutton", onHardwareMenuKeyDown, false);
    
    
  });
  // 菜单键
  function onHardwareMenuKeyDown() {
      $ionicActionSheet.show({
          titleText: '检查更新',
          buttons: [
              { text: '关于' }
          ],
          destructiveText: '检查更新',
          cancelText: '取消',
          cancel: function () {
              // add cancel code..
          },
          destructiveButtonClicked: function () {
              //检查更新
              checkUpdate();
          },
          buttonClicked: function (index) {

          }
      });
      $timeout(function () {
          hideSheet();
      }, 2000);
  };

  // 检查更新
  function checkUpdate() {
    //从服务端获取最新版本
      var ApiUrl ="http://www.xxx.com/ver.json";//版本信息存放在服务器上的地址
      var serverAppVersion = ""; //最新版本信息
      $http.get(ApiUrl)
          .success(function (data) {
              //获取版本
              serverAppVersion = data.version[0].value;
              serverAppContent = data.version[0].content;
              cordova.getAppVersion.getVersionNumber().then(function (version) {
                  //如果本地与服务端的APP版本不符合                     
                  if (version != serverAppVersion) {
                      //两种更新方式
                          showUpdateConfirm(serverAppVersion,serverAppContent);
                  }
              });
          })
          .error(function (data, status, headers, config) {
              $ionicLoading.show({template: '读取版本信息失败！', noBackdrop: true, duration: 2000});
          });

  }

  // 显示是否更新对话框
  function showUpdateConfirm(version,content) {
      var confirmPopup = $ionicPopup.confirm({
          title: '版本升级'+version,
          template: content, //从服务端获取更新的内容
          cancelText: '取消',
          okText: '升级'
      });
      confirmPopup.then(function (res) {
          if (res) {
              $ionicLoading.show({
                  template: "已经下载：0%"
              });
              var url = "http://www.xxx.com/xxx.apk"; //可以从服务端获取更新APP的路径
              var filename = url.split("/").pop();
              var targetPath = cordova.file.externalRootDirectory + filename;//APP下载存放的路径，可以使用cordova file插件进行相关配置
              //var targetPath = cordova.file.externalDataDirectory + filename;
              var trustHosts = true
              var options = {};
              $cordovaFileTransfer.download(url, targetPath, options, trustHosts).then(function (result) {
                  // 打开下载下来的APP
                  $cordovaFileOpener2.open(targetPath, 'application/vnd.android.package-archive'
                  ).then(function () {
                          // 成功
                      }, function (err) {
                          // 错误
                      });
                  $ionicLoading.hide();
              }, function (err) {
                  alert('下载失败');
                  $ionicLoading.hide();
              }, function (progress) {
                  //进度，这里使用文字显示下载百分比
                  $timeout(function () {
                      var downloadProgress = (progress.loaded / progress.total) * 100;
                      $ionicLoading.show({
                          template: "已经下载：" + Math.floor(downloadProgress) + "%"
                      });
                      if (downloadProgress > 99) {
                          $ionicLoading.hide();
                      }
                  })
              });
          } else {
              // 取消更新
          }
      });
  }
  
  
})

 

 三、服务器存放版本文件内容，ver.json

{
  "version":[{
        "value":"1.0.1",
        "content":"1.增加自动升级功能;</br>2.优化图片上传;</br>3.优化暂停任务可从相册选择;</br>4.上传图片显示进度条"
   }]
}

 四、每次打包，修改打包配置文件config.xml

 1 <widget id="com.ionicframework.mjlms" version="1.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> 

 五、总结

　　至此，整个的功能实现完毕，如果安卓手机端安装的是1.0.1版本，当新功能添加完毕，需要重新打包，则修改config.xml文件的版本为1.0.2，同时更新服务器上的ver.json文件，然后将最新的apk放到对应地址~当再次在手机上打开1.0.1版本软件的时候，就会提示更新内容，下载更新即可~