有没有办法使用渐进式网络应用程序（PWA）添加徽章通知？

Question

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

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

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

但是，在主屏幕上安装应用程序后，我想向用户添加“提示”，让他知道他必须访问该应用程序。一个很好的方法是做一些像“徽章通知”（如下图中的Facebook图标所示）。

是否可以使用渐进式Web应用程序添加此类行为？

---

Update - December, 15th, 2018

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

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

Update - September, 28th, 2018

Relevant Links:

• 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)?指出的那样，关于铬团队的主题有一些讨论。

看着discussion：

仅供参考，通知指标正被推至M-71。

和

谢谢你的提醒。这对我们来说很好，因为虽然我们希望在M70的旗帜后面有这个可测试的，但我们不可能在（至少）M71之前启动API。

所以，也许，至少就目前而言，似乎不可能为PWA添加徽章通知，但未来我们可能会这样做。

Answer 1

看起来这是在路线图上，可能在M71的旗帜后面。

crbug.com/719176 crbug.com/685159

（所以，10月末的测试版（schedule）。没有其他活动可以证实这一点，但是大部分的WebAPK工作都不是公开的错误，FWIW。）

Answer 2

根据Google Developers的说法，这是一项正在进行中的工作，可作为原产地试验或通过Chrome 73上的旗帜#enable-experimental-web-platform-features获得，并且还有适用于Windows和MacOS的demo。

关于其他平台：

不支持Android，因为它要求您显示通知，但这可能会在将来发生变化。

虽然没有关于Safari或OSX的信息。

Answer 3

目前无法通过PWA执行此操作。虽然如果开发人员喜欢这个功能，我希望它会在某个时候出现。