1.安裝外掛

 (1)File

$ ionic cordova plugin add cordova-plugin-file
$ npm install --save @ionic-native/file

 (2)Transfer

$ ionic cordova plugin add cordova-plugin-file-transfer
$ npm install --save @ionic-native/file-transfer

 (3)File Opener

$ ionic cordova plugin add cordova-plugin-file-opener2
$ npm install --save @ionic-native/file-opener
 

 (4)App Version

$ ionic cordova plugin add cordova-plugin-app-version
$ npm install --save @ionic-native/app-version

 (5)In App Browser

$ ionic cordova plugin add cordova-plugin-inappbrowser
$ npm install --save @ionic-native/in-app-browser

2.App.module.ts引包

import { File } from "@ionic-native/file";
import 
 
{ FileOpener } from "@ionic-native/file-opener";
import { FileTransfer,FileTransferObject } from "@ionic-native/file-transfer";
import { AppVersion } from "@ionic-native/app-version";
import { InAppBrowser} from "@ionic-native/in-app-browser";
import { NativeService } from "../provider/NativeService";

providers
 
: [
  StatusBar,
  SplashScreen,
  {provide: ErrorHandler, useClass: IonicErrorHandler},
  File,
  AppVersion,
  FileOpener,
  FileTransfer,
  FileTransferObject,
  NativeService,
  InAppBrowser
]

3.建立NativeService.ts檔案

/**
 * Created by [email protected] on 12-27.
 */
import {Injectable} from '@angular/core';
import {Platform, AlertController} from 'ionic-angular';
import {AppVersion} from '@ionic-native/app-version';
import {File} from '@ionic-native/file';
import {FileTransfer,FileTransferObject} from "@ionic-native/file-transfer";
import {FileOpener} from '@ionic-native/file-opener';
import {InAppBrowser} from '@ionic-native/in-app-browser';

@Injectable()
export class NativeService {

  constructor(private platform: Platform,
              private alertCtrl: AlertController,
              private transfer: FileTransfer,
              private appVersion: AppVersion,
              private file: File,
              private fileOpener: FileOpener,
              private inAppBrowser: InAppBrowser) {
  }


  /**
   * 檢查app是否需要升級
   */
detectionUpgrade() {
    //這裡連線後臺獲取app最新版本號,然後與當前app版本號(this.getVersionNumber())對比
    //版本號不一樣就需要申請,不需要升級就return
this.alertCtrl.create({
      title: '升級',
      subTitle: '發現新版本,是否立即升級？',
      buttons: [{text: '取消'},
        {
          text: '確定',
          handler: () => {
            this.downloadApp();
          }
        }
      ]
    }).present();
  }

  /**
   * 下載安裝app
   */
downloadApp() {
    if (this.isAndroid()) {
      let alert = this.alertCtrl.create({
        title: '下載進度：0%',
        enableBackdropDismiss: false,
        buttons: ['後臺下載']
      });
      alert.present();

      const fileTransfer: FileTransferObject = this.transfer.create();
      const apk = this.file.externalRootDirectory + 'android.apk'; //apk儲存的目錄
fileTransfer.download("", apk).then(() => {
        this.fileOpener.open(apk,'application/vnd.android.package-archive');
      });

      fileTransfer.onProgress((event: ProgressEvent) => {
        let num = Math.floor(event.loaded / event.total * 100);
        if (num === 100) {
          alert.dismiss();
        } else {
          let title = document.getElementsByClassName('alert-title')[0];
          title && (title.innerHTML = '下載進度：' + num + '%');
        }
      });
    }
    if (this.isIos()) {
      this.openUrlByBrowser("這裡邊填寫下載iOS地址");
    }
  }

  /**
   * 通過瀏覽器開啟url
   */
openUrlByBrowser(url:string):void {
    this.inAppBrowser.create(url, '_system');
  }

  /**
   * 是否真機環境
   * @return {boolean}
   */
isMobile(): boolean {
    return this.platform.is('mobile') && !this.platform.is('mobileweb');
  }

  /**
   * 是否android真機環境
   * @return {boolean}
   */
isAndroid(): boolean {
    return this.isMobile() && this.platform.is('android');
  }

  /**
   * 是否ios真機環境
   * @return {boolean}
   */
isIos(): boolean {
    return this.isMobile() && (this.platform.is('ios') || this.platform.is('ipad') || this.platform.is('iphone'));
  }

  /**
   * 獲得app版本號,如0.01
   * @description  對應/config.xml中version的值
   * @returns {Promise<string>}
   */
getVersionNumber(): Promise<string> {
    return new Promise((resolve) => {
      this.appVersion.getVersionNumber().then((value: string) => {
        resolve(value);
      }).catch(err => {
        console.log('getVersionNumber:' + err);
      });
    });
  }
}

4.app.component.ts呼叫檢查是否升級方法

this.nativeService.detectionUpgrade();//檢查app是否升級

注：在config.xml中修改app的版本號 若不修改 app覆蓋可能出現問題

demo下載地址:https://pan.baidu.com/s/1J3S-xe00VbTF9-ezAoO96A