javascript - ionic/cordova/phonegap でフォアグラウンドまたはバックグラウンドで実行されているアプリを確認する方法

Question

アプリがフォアグラウンドで実行されているか、ionic/cordova/phonegap でバックグラウンドで実行されているかを確認する方法はありますか? Android と iOS で使用する必要があります。

Answer 1

「アプリがフォアグラウンドで実行されているかバックグラウンドで実行されているかを確認する方法はありますか?」

はい。

1) アプリが非アクティブになる (バックグラウンドで実行される) と、Cordova はpauseイベントを発生させ、アプリが再びアクティブになる (フォアグラウンドに移動される) と、Cordova はresumeイベントを発生させます。

2) これらのイベントから、変数を使用して状態を「フォアグラウンド」または「バックグラウンド」として格納できます。

document.addEventListener("deviceReady", function readyCallback() {


    var isAppInForeground = true;


    document.addEventListener("pause", function pauseCallback() {
      isAppInForeground = false;
    }, false);

    document.addEventListener("resume", function resumeCallback() {
      isAppInForeground = true;
    }, false);

});

Answer 2

2019/09/17

Ionic 4これはアプリで私にとってはうまくいきます。AndroidとiOSデバイスの両方でテスト済み。

app.component.ts

async initializeApp() {
    await this.platform.ready();

    if (this.platform.is('cordova')) {
        this.setPlatformListener();
   }
 }


  setPlatformListener() {
    this.platform.pause.subscribe(() => {// background
      console.log('In Background');
    });

    this.platform.resume.subscribe(() => {// foreground
      console.log('In Foreground');
    });
  }

Answer 3

角度のある抽象化を使用するionic.Platform

//The pause event fires when the native platform puts the application
// into the background, typically when the user switches to a different 
// application.
$ionicPlatform.on('pause', function () {
    // Handle event on pause
});
// The resume event fires when the native platform
//  pulls the application out from the background.
$ionicPlatform.on('resume', function () {
    // Handle event on resume
});

$ionicPlatform については、ionic v1 のドキュメントを参照してください。