javascript - 如何向网络浏览器发送推送通知？

Question

过去几个小时我一直在阅读关于 Push Notification API 的文章和 Web Notification API .我还发现 Google 和 Apple 分别通过 GCM 和 APNS 免费提供推送通知服务。

我试图了解我们是否可以使用桌面通知向浏览器实现推送通知，我相信这就是 Web 通知 API 所做的。我看到了关于如何为 Chrome here 完成此操作的谷歌文档& here .

现在还不能理解的是:

1. 我们可以使用 GCM/APNS 向所有 Web 浏览器(包括 Firefox 和 Safari)发送推送通知吗？
2. 如果不通过 GCM，我们可以拥有自己的后端来做同样的事情吗？

我相信所有这些都在一个答案中回答可以帮助很多有类似困惑的人。

Answer 1

所以我在这里回答我自己的问题。我从过去构建推送通知服务的人那里得到了所有问题的答案。

Update (May 2022):Here is a doc on web push notification from Google.

See this detailed introduction to notification API from Mozilla.

Airships article on the topic and how web push & app push varies.

回答 6 年前提出的原始问题:

1. Can we use GCM/APNS to send push notification to all Web Browsersincluding Firefox & Safari?

回答: Google 已于 2018 年 4 月弃用 GCM。您现在可以使用 Firebase Cloud Messaging (FCM)。这支持所有平台，包括网络浏览器。

2. If not via GCM can we have our own back-end to do the same?

回答:是的，可以从我们自己的后端发送推送通知。所有主要浏览器都支持相同的功能。

检查 this codelab来自 Google，以便更好地了解实现。

一些教程:

• 在 Django 中实现推送通知 Here .
• 使用flask发送推送通知Here & Here .
• 从 Nodejs 发送推送通知 Here
• 使用 php Here 发送推送通知& Here
• 从 Wordpress 发送推送通知。 Here & Here
• 从 Drupal 发送推送通知。 Here

用各种编程语言实现自己的后端。:

• NodeJs.
• PHP
• Rails
• Python
• Go Lang - this和 this

进一步阅读:

• 来自 Firefox 网站的文档可以是 read here .
• Google Web Push 的一个很好的概述可以是 found here.
• An FAQ answering最常见的困惑和问题。

是否有任何免费服务可以做到这一点？有一些公司在免费、免费增值和付费模式中提供类似的解决方案。我在下面列出了一些:

1. https://onesignal.com/ (免费 | 支持所有平台)
2. https://firebase.google.com/products/cloud-messaging/ (免费)
3. https://clevertap.com/ (有免费计划)
4. https://goroost.com/

注意:选择免费服务时，请记住阅读 TOS。免费服务通常通过收集用户数据来实现各种目的，包括分析。

除此之外，您还需要 HTTPS 来发送推送通知。但是，您可以通过 letsencrypt.org 免费获取 https。