android - 有没有办法使用渐进式网络应用程序 (PWA) 添加徽章通知？

Question

我正在开发一个渐进式 Web 应用程序 (PWA)，它最终会向用户发送通知。

我已经知道我能够发送推送通知(就像任何常规应用程序一样)，如以下博客文章中所述:https://developers.google.com/web/fundamentals/getting-started/codelabs/push-notifications/?hl=en-us .

我也知道我可以通过创建一个简单的 list 文件 (https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-38-for-Android) 将 PWA 添加到主屏幕。

但是，在主屏幕上显示该应用程序后，我想向用户添加一个“提示”，让他们知道他们必须访问该应用程序。一个很好的方法是执行类似“徽章通知”的操作(如下图的 Facebook 图标所示)。

是否可以使用渐进式网络应用程序添加这种行为？

---

更新 - 2018 年 12 月 15 日

Google 最近发布了一篇文章，解释了所谓的“应用程序图标徽章”，这非常令人兴奋:

https://developers.google.com/web/updates/2018/12/badging-api

更新 - 2018 年 9 月 28 日

相关链接:

• https://bugs.chromium.org/p/chromium/issues/detail?id=719176&desc=2
• https://bugs.chromium.org/p/chromium/issues/detail?id=685159
• https://github.com/mgiuca/badging/blob/master/explainer.md
• https://docs.google.com/document/d/1AmX53h-gk8wN7LPMi_Mq7fsIMgsMKRD6zKa1Ymxxvvc/edit#

正如 Josh Lee 在 Is there a way to add badge notifications using progressive web apps (PWA)? 中指出的那样, 在 chromium 团队中有一些关于这个主题的讨论。

查看 discussion :

FYI, the notification indicators are being pushed to M-71.

和

Thanks for the heads up. That's fine for us because while we hope to have this testable behind a flag in M70, there's no way we'll be launching the API before (at least) M71.

因此，也许，至少目前，似乎无法为 PWA 添加徽章通知，但也许将来我们可以做到这一点。

Answer 1

以防万一有人来这里寻找答案

现在 chrome 和基于 chromium 的浏览器都支持它。这是了解更多的 imp 链接

• W3C Badging API Explainer

• Demo App (可安装的 PWA)

• Demo App Source Code

• Web.dev in short know how