Ionic App 更新插件cordova-plugin-app-version

1.安装相关插件

cordova-plugin-file ，cordova-plugin-file-opener2，cordova-plugin-file-transfer，cordova-plugin-app-version

cordova plugin add cordova-plugin-file
cordova plugin add cordova-plugin-file-opener2
cordova plugin add cordova-plugin-file-transfer

2.html

<ion-view view-title="关于我们" >

   <ion-content overflow-scroll="true" style="overflow: hidden">

   <ion-list>

      <ion-item>******科技股份有限公司</ion-item>

      <ion-item>地址：北京市海淀区**********</ion-item>

      <ion-item>邮箱：sulin11026@163.com</ion-item>

      <ion-item>电话： *********</ion-item>

      <ion-item><sapn>版本：{{versionNow}}</sapn>
      <span style="float:right"><button class="button button-balanced"   ng-click="UpdateApp()">检查更新</button></span></ion-item>

   </ion-list>

  </ion-content>

</ion-view>

3.controller

.controller('AboutCtrl', function ($scope, ENV, $http, Storage,   $ionicLoading, $ionicPopup, $timeout,$cordovaFileTransfer,

                                   $cordovaFileOpener2,CommonFactory) {

  $scope.versionNow= ENV.version;

    $scope.$on('$ionicView.beforeEnter', function () {

      // var versionType = navigator.platform; //获取操作系统Android ios

        if (Storage.getLoginInfo() != null) {

            $scope.user_name = Storage.getLoginInfo().user_name;

            $scope.userId = Storage.getLoginInfo().id;

        }

        $scope.versionNow = ENV.version;

    })

    // 查询最新版本下载并安装app

    $scope.UpdateApp = function () {

      var  versioninter=ENV.versionInter;

      CommonFactory.NewVersion(versioninter).then(function(data){

             if (data){

                var json  =JSON.parse(data);

                if(json.status==1){

                  var versionmodel=json.Result;

                  var confirmPopup = $ionicPopup.confirm({

                    title: versionmodel.Title,

                    template: versionmodel.Content,

                    cancelText: '下次再说',

                    okText: '立即更新'

                  });

                  confirmPopup.then(function (res) {

                    if (res) {

                      $ionicLoading.show({

                        template: "已经下载：0%"

                      });

                      var url = encodeURI(versionmodel.ApkAddress);

                      var targetPath = cordova.file.externalRootDirectory + "/download/" + url.substr(url.lastIndexOf("/") + 1);

                      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) {

                        $ionicLoading.show({

                          noBackdrop: true,

                          template: "下载失败,请检查网络",

                          duration: 1500

                        });

                      }, function (progress) {

                        //进度，这里使用文字显示下载百分比

                        $timeout(function () {

                          var downloadProgress = (progress.loaded / progress.total) * 100;

                          $ionicLoading.show({

                            template: "已经下载：" + Math.floor(downloadProgress) + "%"

                          });

                          if (downloadProgress > 99) {

                            $ionicLoading.hide();

                          }

                        })

                      });

                    } else {

                      // 取消更新

                    }

                  });

                }else{

                  $ionicLoading.show({

                    noBackdrop: true,

                    template: json.msg,

                    duration: 1500

                  });

                }

             }

      });

    }

})

;

备注：$cordova开头都是ngcordova 插件需要引用ngCordova ，否则就是cordova 插件

4.service

.factory("CommonFactory", function ($q, ENV, $http) {

    var  getNewVersion=function(vsion){

      var r = $q.defer();

      $http.get(ENV.APIUrl + "/About/GetNewVersion", {

        params: {

          strverersion: vsion

        }

      }).success(function (data) {

        r.resolve(data);

      }).error(function (er) {

        r.resolve(!1);

      });

      return r.promise;

    }

    return {

      NewVersion:getNewVersion

    }

  })

5.后端代码

/// <summary>

        /// 获取最新版本

        /// </summary>

        /// <returns></returns>

        [HttpGet]

        public string GetNewVersion(string  strverersion)

        {

            string strjson = "";

            string datas = "";

            string xmlpath = HostingEnvironment.MapPath("~/xmlconfig/verapp.config");

            XDocument xelement = XDocument.Load(xmlpath);

            VersionModel vsmodel = new VersionModel();

            foreach (var item in xelement.Element("appconfig").Elements())

            {

                switch (item.Name.ToString().Trim())

                {

                    case "title":

                        vsmodel.Title = item.Value.ToString().Trim();

                        break;

                    case "content":

                        vsmodel.Content = item.Value.ToString().Trim();

                        break;

                    case "version":

                        vsmodel.Version = item.Value.ToString().Trim();

                        break;

                    case "apk":

                        vsmodel.ApkAddress = item.Value.ToString().Trim();

                        break;

                    default:

                        break;

                }

            };

            if (vsmodel.Version!="" && int.Parse(vsmodel.Version)> int.Parse(strverersion))

            {

                datas = JsonConvert.SerializeObject(vsmodel);

                strjson = CommonMenthod.GetResultStr("", "获取成功", "Result", datas);

            }

            else

            {

                strjson = CommonMenthod.GetResultStr("",  "当前是最新版本，不需要更新");

            }

            return  strjson;

        }

public  class VersionModel

    {

       public string Version { get; set; }

       public string Title { get; set; } 

       public string Content { get; set; }

       public string ApkAddress { get; set; }

    }

public static string GetResultStr(string status, string msg,string datakey,string datainfo)

        {

            datainfo = datainfo == "" ? "[]" : datainfo;

            string strjson = "{\"status\":" + status + ",\"msg\":\""+ msg + "\",\""+ datakey + "\":"+ datainfo + "}";

            return strjson;

        }

6 xml配置

备注：修改大于当前版本号和配置下载app路径相关内容就可以更新了

7.IIS配置

8效果图

在android 7.0系统上导致无法下载更新是权限问题，修改下载路径

cordova.file.externalDataDirectory + "download/memberApp.apk" ;

巴特西

Ionic App 更新插件cordova-plugin-app-version

最新文章

热门文章