typescript - Ionic 2 中的线程

Question

我正在尝试创建一个线程来继续检查应用程序的网络状态，以便它可以发送到我的远程数据库。如何使用 Ionic-native 在 ionic 2 中处理这个问题。

此致

Answer 1

首先你需要安装网络插件

ionic plugin add cordova-plugin-network-information

铁道部信息在这里

那么你需要一个提供商来检查网络状态

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

@Injectable()
export class NetworkService {
onDevice: boolean;

constructor(
    private platform: Platform,
) {
    this.onDevice = this.platform.is('cordova');
}


isOnline(): boolean {
    if (this.onDevice && Network.type !== 'none') {
        return true;
    } else {
        return navigator.onLine;
    }
}

}

现在你可以在任何你喜欢的地方使用它

Answer 2

如果你遵循这个：

https://github.com/GoogleChrome/samples/blob/gh-pages/service-worker/read-through-caching/index.html#L95

您将能够注册随 Ionic 2 应用程序提供的 service-worker.js。

在这里，您可以找到有关服务人员如何工作的更多文档：

https://developers.google.com/web/fundamentals/getting-started/primers/service-workers

您可能需要结合@armin 的响应和这个响应。

安装：

ionic plugin add cordova-plugin-network-information

然后：

1. 注册你的 service-worker.js
2. 在您的服务人员内部创建将访问您的服务器的事件。

玩这样的东西（此代码需要添加到您的 ionic 应用程序中，而不是在您的 service-worker.js 中）：

import { Network } from 'ionic-native';

//watch network for a disconnect
let disconnectSubscription = Network.onDisconnect().subscribe(() => {
    console.log('network was disconnected :-(');
    // Warn your service worker about this and create a queue or
    //something to notify your server when you get connection again.
});

//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
    // Notify to your service-worker.js about this and hit your server.
});

我认为你想要这样的东西。