如何检测离子2中的网络连接

Question

我正在尝试在this website 的帮助下检测我的 wifi 连接是否已连接。我试过了：

export class HomePage {

  constructor(public navCtrl: NavController, private platform: Platform) {

  }

  obtainNetworkConnection() {
    console.log("hello");

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

    // stop disconnect watch
    disconnectSubscription.unsubscribe();


    // watch network for a connection
    let connectSubscription = 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 (Network.connection === 'wifi') {
          console.log('we got a wifi connection, woohoo!');
        }
      }, 3000);
    });

    // stop connect watch
    connectSubscription.unsubscribe();
  }

}

我的 .html

<ion-content class="home" padding>
  <button (click)="obtainNetworkConnection()" full>Get Nettwork Connection</button>
</ion-content>

Answer 1

我知道这是迟到的答案，但仅添加了相关代码和链接以供快速参考。

问题中的实际问题，构造函数参数是 缺少网络依赖。

Network Plug In Documentation

Platform Plug In Documentation

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

constructor(private network: Network, private platform: Platform) {
    platform.ready().then(() => {
       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!');
      });
    });

    // stop connect watch
    connectSubscription.unsubscribe();
}

希望这个答案对将来的某人有所帮助！ :)