Ionic 2 检查互联网连接答案

【问题标题】：Ionic 2 check Internet connectionIonic 2 检查互联网连接
【发布时间】：2018-05-17 17:49:14
【问题描述】：

我已安装 Cordova 网络插件，但似乎无法检查网络连接。

这是我的代码

import { Network } from 'ionic-native';

declare var navigator: any;
declare var Connection: any; 

this.platform.ready().then(() => {
   if(Network.connection === 'none') {
       let alert = this.alertCtrl.create({
       title: "Internet Connection",
       subTitle:"Please Check Your Network connection",
       buttons: [{
          text: 'Ok',
          handler: () => {
              this.platform.exitApp();
             }
          }]
        });
      alert.present();
     }
  });
}

我收到警告消息

Native：deviceready 在 2000 毫秒内未触发。这可能发生在插件处于不一致的状态。尝试从中删除插件 plugins/ 并重新安装它们。

我该如何解决这个问题？

【问题讨论】：

你找到解决办法了吗？

标签： ionic-framework

【解决方案1】：

在平台就绪下添加这个。一旦您的应用程序启动并运行，请尝试断开并重新连接到互联网。您应该在控制台上收到消息。

let disconnectSub = Network.onDisconnect().subscribe(() => {
  console.log('you are offline');
});

let connectSub = Network.onConnect().subscribe(()=> {
  console.log('you are online');
});

【讨论】：

感谢您的回复。我试试这个代码。它的工作只观察网络连接的变化。如何在没有互联网的情况下打开应用程序时显示警报消息。应用程序打开后断开网络无法调用 onConnect()/onDisconnect() 请给我建议
在应用打开时，检查 navigator.onLine，它将根据网络连接返回布尔值 true 或 false。
您将如何识别我们是否有有效的互联网连接，例如如果您连接到没有互联网连接的 wifi 网络。那么您将如何确定应用是在线还是离线。
这个解决方案可以用来跟踪网络连接的变化。有没有其他方法可以在初始加载应用程序时检查连接状态
@AthulRaj 你找到解决方案了吗？？

【解决方案2】：

我利用网络导入和离子事件来管理网络断开和连接

 checkDisconnection() {
     const disconnectSubscription = this.network.onDisconnect().subscribe(() => {
     this.checkConnection();
     disconnectSubscription.unsubscribe();
     this.nav.push('ErrorsPage');
   });
 }
 checkConnection() {
  const connectSubscription = this.network.onConnect().subscribe(() => {
  this.checkDisconnection();
  connectSubscription.unsubscribe();
  this.nav.pop();
  });
 }

工作得很好。您需要更多信息，请在 cmets 中提及

【讨论】：

【解决方案3】：

Navigator.Online 仅在应用位于浏览器而非设备或手机上时返回布尔值

【讨论】：