PWA 和移动推送通知格式答案

【问题标题】：PWAs and Mobile Push Notification formatPWA 和移动推送通知格式
【发布时间】：2018-07-31 19:21:54
【问题描述】：

我想开发一个 PWA，推送通知对于 UX 来说非常重要。我希望即使应用程序（实际上是浏览器）关闭时也可以从用户那里收到通知，就像推送通知在本机应用程序上的工作方式一样......我已经知道我需要使用 GCM，以及一种“侦听”通知并在发送时发送意图的服务。我可以在浏览器中实现相同的行为吗，也许使用服务工作者？

此外，我尝试了来自 Google 的推送通知 PWA 演示，这就是它所展示的内容。

原生应用，例如 whatsapp 可以显示不同格式的通知

这是否取决于浏览器和本机应用程序之间的潜在差异？我可以为 PWA 自定义通知小部件格式吗？是否独立于已安装的浏览器？

提前感谢您的回答！

【问题讨论】：

我认为您可以，您可能需要查看文档 - Displaying a Notification 还有一个 sample page 包含针对 Web 和移动设备的不同通知显示。希望这会有所帮助。

标签： push-notification google-cloud-messaging progressive-web-apps

【解决方案1】：

有一个在线工具可用于测试和自定义所有可用选项的通知：

https://tests.peter.sh/notification-generator/

我在 Android 上的 Chrome、Opera 和 Firefox 中对其进行了测试，它们看起来都具有相同的外观。但是，某些选项可能尚未在某些浏览器中实现。例如，在我的设备上，Badge 仅适用于 Chrome。对于其他浏览器，标准浏览器徽标显示在通知栏中。

查看API reference了解更多详情。

【讨论】：