Web浏览器上的离子角度测试PushNotifications答案

【问题标题】：ionic angular test PushNotifications on web browserWeb浏览器上的离子角度测试PushNotifications
【发布时间】：2021-01-03 01:24:55
【问题描述】：

我正在构建将用于移动和网络的应用程序。我想使用firebase推送消息发送用户消息，为此我正在使用 PushNotifications 库。

进口{ 插件，推送通知， PushNotificationToken, PushNotificationActionPerformed, } 来自“@capacitor/core”；

它在移动设备上运行良好，但在网络浏览器上它给出 ERROR: Uncaught (in promise): PushNotifications does not have web implementation。

我确实理解消息的含义，但我找不到 PushNotifications 是否有网络实现，或者我应该使用另一个库吗？

【问题讨论】：

您尝试过 Firebase 原生插件吗？我在这里使用网络并且工作正常
我没有为我工作，我在网上尝试过单个代码示例，没有运气，从 github 下载许多现成的示例没有运气

标签： angular firebase ionic-framework

【解决方案1】：

通知

在网络上最接近推送通知的功能是由 Progressive Web Apps / service workers 提供的通知。如果您已经看到“此网站想要向您发送通知”的批准/阻止通知，那么您已经在网络上体验过通知。

这是关于如何启用它们的两个很棒的深入教程：

Angular 还提供了一个很棒的 service worker 库，启用它是outlined here。

请记住，浏览器对通知的支持是有限的，即并非所有浏览器都支持这一点。最值得注意的是，Safari 没有（截至本文发布时）。

错误

至于报错，可以这样处理，保证不会在浏览器中抛出：

import { Capacitor } from '@capacitor/core';

const isPushNotificationsAvailable = Capacitor.isPluginAvailable('PushNotifications');

if (isPushNotificationsAvailable) {
   this.initPushNotifications();
}

【讨论】：