离子2检查互联网连接

Question

我已经安装了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();
     }
  });
}

我收到警告信息

本地人: deviceready没有在2000毫秒内开火。当插件处于不一致的状态时，可能会发生这种情况。尝试从插件/重新安装插件。

我该如何解决这个问题呢？

Answer 1

将此添加到平台下就绪。一旦你的应用程序启动和运行，试着断开和重新连接从\到互联网。你应该把消息放到你的控制台上。

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

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

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

效果很好。如果您需要更多信息，请在评论中提及。

Answer 3

只有当应用程序在浏览器上时，Navigator.Online才返回布尔值，而不是设备或电话。