如何检测Angular 2中的网络连接？

发布时间：2020-12-17 09:56:34 所属栏目：安全来源：网络整理

导读：我正在尝试编写一个组件来检测应用程序是在线还是离线,以便它可以触发另一个事件.是否有可以利用的内置功能？要收听并做出改变,您需要一个事件处理程序.在Angular中,Observables是最好的要获得有关应用程序上线或下线的通知,请依赖 online/offline events

我正在尝试编写一个组件来检测应用程序是在线还是离线,以便它可以触发另一个事件.是否有可以利用的内置功能？

>要收听并做出改变,您需要一个事件处理程序.在Angular中,Observables是最好的
>要获得有关应用程序上线或下线的通知,请依赖 online/offline events

online$= fromEvent(window,'online');
offline$= fromEvent(window,'offline');

将您的其他活动链接到这些：

online$.subscribe(e => this.syncWithServer());

另请参阅有关navigator.onLine的文章.请注意,浏览器不会统一实现此事件.在某些情况下,“在线”只意味着浏览器连接到本地网络,而不是互联网.要获得更可靠的信息,您可能需要在事件触发时尝试ping远程服务器进行测试.

online$= fromEvent(window,'online').pipe(
            switchMap(e => this.pingServer()),filter(e => e)
          );

offline$= fromEvent(window,'offline').pipe(
            switchMap(e => this.pingServer()),filter(e => !e)
          );

其中pingServer将发出远程请求并返回在请求成功时发出true的observable,否则返回false.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!