Ionic 4 网络检查答案

【问题标题】：Ionic 4 network checkIonic 4 网络检查
【发布时间】：2019-10-07 22:26:44
【问题描述】：

如何在 Ionic 4 中检查每个页面中的互联网连接。如果出现网络错误，我需要将应用重定向到错误页面。

【问题讨论】：

【解决方案1】：

你可以试试官方的 Ionic Network 插件（doc here）。

文档中的用法示例：

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();

【讨论】：

【解决方案2】：

使用命令安装网络信息插件：-

cordova plugin add cordova-plugin-network-information

那么你可以在deviceready之后使用下面的代码在设备离线时执行一些代码：-

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

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

【讨论】：

【解决方案3】：

if (this.network.type === 'none') {
        this.presentAlert('network was disconnected :-(');
        setTimeout(() => {
            navigator['app'].exitApp();
        }, 4000);
}

【讨论】：

欢迎来到stackoverflow。除了您提供的答案之外，请考虑提供一个简短说明，说明为什么以及如何解决此问题。