ionic2專案需要實力線上更新功能，ios比較簡單，跳轉到app store的連結地址了

android就需要花一些氣力了，上程式碼

需要先安裝一些外掛

cordova-plugin-file，

cordova.plugins.fileOpener2，

cordova-plugin-file-transfer

appHttp這個自已封裝的http請求物件，做攔截用的，可忽略，不在這次說明的內容內

appConfig是自已封裝的全域性引數物件，主要放平臺，版本，服務端請求地址等，可忽略

//檢查更新新版本
checkVersion(){
    this.appHttp.get("http://url"
 
).then(data=>{
        if(data.code=='0'){
            this.alertCtrl.create({
                message: '<b>'+data.message+'</b>',
                buttons: [{
                    text: '殘忍放棄',
                    role: 'cancel'
},{
                    text: '立即下載',
                    handler
 
: () => {
                        this.updateNewApp(data);
                    }
                }
                ]
            }).present();
        }else{
            this.loadingCtrl.create({spinner: 'hide',content:'已經是最新版本！',duration:2000}).present();
        }
    }).catch(data=>{
        this
 
.loadingCtrl.create({spinner: 'hide',content:'檢查版本時發生網路異常，請稍後再試！',duration:2000}).present();
    })
}

updateNewApp = function(data){
    if(this.appConfig.platform == 'ios'){
        window.open(data.result);
    }else {
        let cordova = (<any>window).cordova;
        if ((<any>window).FileTransfer) {
            let fileTransfer = new (<any>window).FileTransfer();
            let fileURL = cordova.file.externalDataDirectory + "android.apk";

            if (!cordova.file.externalDataDirectory) {
                this.loadingCtrl.create({spinner: 'hide', content: '無法安裝，請嘗試從應用市場安裝更新！', duration: 2000}).present();
                return;
            }
            let loading = this.loadingCtrl.create({
                content: '下載進度：0%',
                dismissOnPageChange: false
});
            loading.present();

            let no:number = 1;
            fileTransfer.onprogress = function (progressEvent) {
                if (progressEvent.lengthComputable) {
                    no = progressEvent.loaded / progressEvent.total * 100;
                }
            };

            let timer = setInterval(() => {
                loading.setContent("下載進度：" + Math.floor(no) + "%");
                if (no >= 99) {
                    clearInterval(timer);
                }
            }, 300);

            fileTransfer.download(encodeURI(data.result), fileURL, function (r) {
                if(timer)clearInterval(timer);
                loading.dismiss();
                cordova.plugins.fileOpener2.open(r.toURL(), "application/vnd.android.package-archive");
            }, function () {
                if(timer)clearInterval(timer);
                loading.dismiss();
                this.loadingCtrl.create({spinner: 'hide',content: '出錯了，請嘗試從應用市場安裝更新！', duration: 2000}).present();
            });
        }
    }
}

關鍵程式碼在這裡：

let no:number = 1;
            fileTransfer.onprogress = function (progressEvent) {
                if (progressEvent.lengthComputable) {
                    no = progressEvent.loaded / progressEvent.total * 100;
                }
            };

            let timer = setInterval(() => {
                loading.setContent("下載進度：" + Math.floor(no) + "%");
                if (no >= 99) {
                    clearInterval(timer);
                }
            }, 300);

我的認為是js阻塞了執行緒，前端內容無法宣染，加了定時器後效果不錯