web-dev-qa-db-ja.com

Ionic 4ネットワークチェック

Ionic 4.の各ページでインターネット接続を確認するにはどうすればよいですか。4.ネットワークエラーが発生した場合、アプリをエラーページにリダイレクトする必要があります。

ionic-frameworkionic4
3
akshay ramesh

公式のIonicネットワークプラグイン（doc here ））を試すことができます。

Docの使用例：

import { Network } from '@ionic-native/network/ngx'; //ngx

constructor(private network: Network) { }

...

// watch network for a disconnect
let disconnectSubscription = this.network.onDisconnect().subscribe(() => {
  console.log('network was disconnected :-(');
});

// stop disconnect watch
disconnectSubscription.unsubscribe();


// watch network for a connection
let connectSubscription = this.network.onConnect().subscribe(() => {
  console.log('network connected!');
  // We just got a connection but we need to wait briefly
   // before we determine the connection type. Might need to wait.
  // prior to doing any api requests as well.
  setTimeout(() => {
    if (this.network.type === 'wifi') {
      console.log('we got a wifi connection, woohoo!');
    }
  }, 3000);
});

// stop connect watch
connectSubscription.unsubscribe();
0
rguerin
if (this.network.type === 'none') {
        this.presentAlert('network was disconnected :-(');
        setTimeout(() => {
            navigator['app'].exitApp();
        }, 4000);
}
0
Mnatsakan Manukyan

コマンドを使用してネットワーク情報プラグインをインストールします：

cordova plugin add cordova-plugin-network-information

次に、devicereadyの後に次のコードを使用して、デバイスがオフラインになったときにいくつかのコードを実行できます。

document.addEventListener("offline", onOffline, false);

function onOffline() {
    // Handle the offline event
    // use code to redirect here
}
0
CThakur