有没有办法使用渐进式网络应用程序(PWA)添加徽章通知？
Wil*_*ins 8 notifications android google-chrome badge progressive-web-apps
我正在开发一个渐进式Web应用程序(PWA),它最终会向用户发送通知.
我已经知道我可以发送推送通知(就像任何常规应用一样),如以下博客文章中所述:https://developers.google.com/web/fundamentals/getting-started/codelabs/push-notifications/ ？hl = en-us.
我也知道我可以通过创建一个简单的清单文件在主屏幕上添加PWA(https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with -webapp-manifest-in-chrome-38-for-Android).
但是,在主屏幕上安装应用程序后,我想向用户添加"提示",让他知道他必须访问该应用程序.一个很好的方法是做一些像"徽章通知"(如下图中的Facebook图标所示).
是否可以使用渐进式Web应用程序添加此类行为？
更新 - 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所指出的,是否有办法使用渐进式网络应用程序(PWA)添加徽章通知？关于铬团队的主题有一些讨论.
看看讨论:
仅供参考,通知指标正被推至M-71.
和
谢谢你的提醒.这对我们来说很好,因为虽然我们希望在M70的旗帜后面有这个可测试的,但我们不可能在(至少)M71之前启动API.
所以,也许,至少就目前而言,似乎不可能为PWA添加徽章通知,但未来我们可能会这样做.
2020 年更新： 查看下面 nikhil mehta 的回答以获取最新信息：
App Badging API 适用于 Windows 和 macOS、Chrome 81 或更高版本。它还被证实可以在 Edge 84 或更高版本上运行。对 Chrome 操作系统的支持正在开发中，并将在未来版本的 Chrome 中提供。在 Android 上，不支持 Badging API。相反，当存在未读通知时，Android 会自动在已安装的 Web 应用程序的应用程序图标上显示一个徽章，就像 Android 应用程序一样。
原答案：
看起来这在路线图上，可能在 M71 的旗帜后面。
（所以，十月下旬的测试版（时间表）。没有关于该错误的其他活动可以证实这一点，但大多数 WebAPK 工作都不是针对公共错误的，FWIW。）