有没有办法使用渐进式网络应用程序（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添加到主屏幕。

然而，在主屏幕上安装应用程序后，我想添加一个＆＃34;提示＆＃34;对用户，让他知道他必须访问该应用程序。一个很好的方法是做一些类似于＆＃34;徽章通知＆＃34; （如下图中的Facebook图标所示）。

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

更新 - 2018年12月15日

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

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

查看discussion：

  

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

和

  

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

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

Answer 1

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

现在在基于chrome和chrome的浏览器中受支持。 这是imp链接，了解更多信息

W3C Badging API Explainer

Demo App您必须在设备上安装此PWA

Demo App Source Code

Web.dev in short know how

Answer 2

看起来像是在路线图上，可能在M71的标志后面。

crbug.com/719176
crbug.com/685159

（因此，十月下旬的测试版（schedule）。该漏洞上没有其他活动可以证实这一点，但是大多数WebAPK工作都不是公共漏洞，FWIW。）

Answer 3

根据Google Developers，这是一项正在进行的工作，可以作为原产地试用，也可以通过Chrome 73上的标记#enable-experimental-web-platform-features获得，对于Windows和MacOS，还有demo。 / p>

关于其他平台：

  

不支持Android，因为它要求您显示通知，尽管将来可能会更改。

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

Answer 4

目前无法通过PWA执行此操作。虽然如果开发人员喜欢我期望它的功能，那么。