Question

我正在尝试使用网络插件检查设备的Internet /网络连接，但似乎无法正常工作。它甚至没有在控制台上返回任何数据或错误消息。这是我的代码。

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

@Component({
  templateUrl: 'app.html'
})

export class MyApp {

  constructor(public platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar
    public network: Network) {
    this.initializeApp();
  }

  initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
      this.checkInternetConnection();
    }
  }


  checkInternetConnection() {
    this.network.onDisconnect().subscribe(data => {
      console.log('network was disconnected :-(');
    }, error => console.log(error));

    this.network.onConnect().subscribe(data => {
      console.log('network connected!');
      setTimeout(() => {
        console.log('woohoo!');
      }, 3000);
    }, error => console.log(error));
  }
}

我希望有人能帮助我。预先谢谢

它现在可以正常工作，但是只有在我打开应用然后关闭wifi ，但如果 wifi已经关闭< / strong>，然后我打开应用，它将不再起作用。我不知道在显示初始屏幕后如何触发它。

Answer 1

这两个可观察到的状态发生变化，因此，如果要在启动时检查连接，则必须查看网络是否存在这样

if(network.type == network.Connection.NONE) {

console.log('network was disconnected :-(');

} else{

console.log('network connected!');

}

在应用运行时，您可以观察网络变化情况

Ionic Network不返回任何数据或响应

1 个答案: