如何检测我的离子应用程序中的网络变化

Question

我想检查我的 ionic 应用程序中的网络连接，但它无法正常工作。 这是代码

ionViewDidEnter(){
    let connectSubscription=this.network.onDisconnect().subscribe(() => {
        console.log(2)
        console.log('live network was disconnected :-(');
    });
    connectSubscription.unsubscribe();
    let disconnectSubscription=this.network.onConnect().subscribe(() => {
        console.log(4)
        console.log('live network connected!');         
    });
    disconnectSubscription.unsubscribe();
}

我想知道我的网络何时在线以及网络何时离线我应该知道，但这段代码没有注释，它向控制台输出注释，我使用的是最新的 ionic 6.9

Answer 1

也许最好检查一下网络类型 通常执行以下操作：

• 将其作为服务实现
• 在模块中注入服务

NetworkService.ts

import { Injectable } from '@angular/core';

@Injectable()
export class NetworkService{

    constructor(public network: Network) {

    }

    checkOnlineStat(){
          if (this.network.type === 'none'){
          return "offline";
    
    
        }else if(this.network.type === 'wifi'){
          return "online";
 
        }
    }

}

component.ts:

   constructor(public networkSrv: NetworkService) {}

public onViewDidLoad() {
  if (networkSrv.checkOnlineStat === 'online') {
     // online
  }
}

在需要的地方使用服务。您可以通过 cli 生成新服务。