ionic安卓-蒲公英云

ionic安卓

Ionic 框架介绍

　　Ionic是一个基于Angularjs、可以使用HTML5构建混合移动应用的用户界面框架，它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例，例如像列表（lists）、标签页栏（tab bars）和触发开关（toggle switches）这样的简单条目。它还提供了更加复杂的可视化布局示例，例如在下面显示内容的滑出式菜单。
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插件

　　　　ngCordova

二、相关代码，app.js
复制代码

.run([‘$ionicPlatform’, ‘$rootScope’,’$ionicActionSheet’, ‘$timeout’,’$cordovaAppVersion’, ‘$ionicPopup’, ‘$ionicLoading’,’$cordovaFileTransfer’, ‘$cordovaFile’, ‘$cordovaFileOpener2’, function ($ionicPlatform, $rootScope,$ionicActionSheet, $timeout, $cordovaAppVersion, $ionicPopup, $ionicLoading, $cordovaFileTransfer, $cordovaFile, $cordovaFileOpener2) {
$ionicPlatform.ready(function ($rootScope) {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if (window.StatusBar) {
// org.apache.cordova.statusbar required
StatusBar.styleDefault();
}

        //检测更新  
        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 serverAppVersion = "1.0.0"; //从服务端获取最新版本  
        //获取版本  
        $cordovaAppVersion.getAppVersion().then(function (version) \{  
            //如果本地与服务端的APP版本不符合  
            if (version != serverAppVersion) \{  
                showUpdateConfirm();  
            \}  
        \});  
    \}  
    // 显示是否更新对话框  
    function showUpdateConfirm() \{  
        var confirmPopup = $ionicPopup.confirm(\{  
            title: '版本升级',  
            template: '1.xxxx;</br>2.xxxxxx;</br>3.xxxxxx;</br>4.xxxxxx', //从服务端获取更新的内容  
            cancelText: '取消',  
            okText: '升级'  
        \});  
        confirmPopup.then(function (res) \{  
            if (res) \{  
                $ionicLoading.show(\{  
                    template: "已经下载：0%"  
                \});  
                var url = "http://192.168.1.50/1.apk"; //可以从服务端获取更新APP的路径  
                var targetPath = "file:///storage/sdcard0/Download/1.apk"; //APP下载存放的路径，可以使用cordova file插件进行相关配置  
                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('下载失败');  
                \}, function (progress) \{  
                    //进度，这里使用文字显示下载百分比  
                    $timeout(function () \{  
                        var downloadProgress = (progress.loaded / progress.total) \* 100;  
                        $ionicLoading.show(\{  
                            template: "已经下载：" + Math.floor(downloadProgress) + "%"  
                        \});  
                        if (downloadProgress > 99) \{  
                            $ionicLoading.hide();  
                        \}  
                    \})  
                \});  
            \} else \{  
                // 取消更新  
            \}  
        \});  
    \}  
\}\])