Question

我使用network plugin，它在native / Cordova上的设备上运行良好。但是它不适用于PWA应用程序（即没有wifi时）。有什么理由吗？根据上述文档，它也应该可以在browser上运行。

注意：我已遵循this doc来创建PWA应用。

network-state.ts

import { Injectable } from '@angular/core';
import { Subscription } from 'rxjs';
import { Network } from '@ionic-native/network/ngx';
import { ShowToastService } from './show-toast.service';

@Injectable({
  providedIn: 'root'
})
export class NetworkStateService {

  private connectSubscription$: Subscription = null;

  constructor(private network: Network,
    private showToastService: ShowToastService) { }

  WatchConnection() {
    if (this.connectSubscription$) { this.connectSubscription$.unsubscribe(); }
    this.connectSubscription$ = this.network.onDisconnect().subscribe(() => {
      this.showToastService.showNetworkStateErrorToast('Your internet seems to be down! Please check your network settings!');
      if (this.connectSubscription$) { this.connectSubscription$.unsubscribe(); }
      this.connectSubscription$ = this.network.onConnect().subscribe(() => {
        setTimeout(() => {
          this.showToastService.toast.dismiss();
          if (this.network.type === 'wifi' || this.network.type === '4g' || this.network.type === '3g' || this.network.type === '2g' || this.network.type === 'cellular' || this.network.type === 'none') {
            this.showToastService.showNetworkStateSuccessToast('Internet connection available!');
            this.WatchConnection();
          }
        }, 3000);
      });
    });
  }

}

app.component.ts

 async initializeApp() {
    await this.platform.ready();
    this.statusBar.styleDefault();
    this.splashScreen.hide();

    this.networkStateService.WatchConnection();// here

  }

Answer 1

Ionic Native仅在存在cordova时才自行调用插件。在code here中，我们检查cordova是否在窗口上，如果没有，则记录警告。

在您遵循的指南中，您只是使用标准的角度浏览器版本作为PWA发布，该版本不包含cordova，也不应该包含。由于构建中不包含科尔多瓦，因此离子本征的行为符合预期。

这里的另一种选择是使用电容器，该电容器具有network plugin并与现有部署工具（角度，pwa）更好地配合使用

这是指向getting started guide和reference guide

的链接

网络插件在PWA应用程序Ionic 4上不起作用

1 个答案: