有没有办法使用渐进式网络应用程序 (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）将 PWA 添加到主屏幕-webapp-manifest-in-chrome-38-for-Android ）。

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

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

---

更新 - 2018 年 12 月 15 日

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

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) 添加徽章通知中所指出的那样？ ，在 Chromium 团队有一些关于这个主题的讨论。

看讨论：

仅供参考，通知指标正在推送到 M-71。

和

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

所以，也许，至少现在，似乎不可能为 PWA 添加徽章通知，但也许在未来我们能够做到这一点。

Answer 1

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

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

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

但是，在主屏幕上安装该应用程序后，我想向用户添加一个“提示”，让他们知道他们必须访问该应用程序。 做到这一点的一种好方法是执行“徽章通知”之类的操作（如下图所示，在Facebook图标中显示）。

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

---

更新 - 2018 年 12 月 15 日

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

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 在有没有办法使用渐进式 Web 应用程序 (PWA) 添加徽章通知中所指出的那样？ ，在 Chromium 团队有一些关于这个主题的讨论。

看讨论：

仅供参考，通知指标正在推送到 M-71。

和

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

所以，也许，至少现在，似乎不可能为 PWA 添加徽章通知，但也许在未来我们能够做到这一点。

Answer 2

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

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

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

但是，在主屏幕上安装该应用程序后，我想向用户添加一个“提示”，让他们知道他们必须访问该应用程序。 做到这一点的一种好方法是执行“徽章通知”之类的操作（如下图所示，在Facebook图标中显示）。

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

---

更新 - 2018 年 12 月 15 日

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

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 在有没有办法使用渐进式 Web 应用程序 (PWA) 添加徽章通知中所指出的那样？ ，在 Chromium 团队有一些关于这个主题的讨论。

看讨论：

仅供参考，通知指标正在推送到 M-71。

和

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

所以，也许，至少现在，似乎不可能为 PWA 添加徽章通知，但也许在未来我们能够做到这一点。

Answer 3

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

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

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

但是，在主屏幕上安装该应用程序后，我想向用户添加一个“提示”，让他们知道他们必须访问该应用程序。 做到这一点的一种好方法是执行“徽章通知”之类的操作（如下图所示，在Facebook图标中显示）。

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

---

更新 - 2018 年 12 月 15 日

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

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 在有没有办法使用渐进式 Web 应用程序 (PWA) 添加徽章通知中所指出的那样？ ，在 Chromium 团队有一些关于这个主题的讨论。

看讨论：

仅供参考，通知指标正在推送到 M-71。

和

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

所以，也许，至少现在，似乎不可能为 PWA 添加徽章通知，但也许在未来我们能够做到这一点。

Answer 4

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

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

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

但是，在主屏幕上安装该应用程序后，我想向用户添加一个“提示”，让他们知道他们必须访问该应用程序。 做到这一点的一种好方法是执行“徽章通知”之类的操作（如下图所示，在Facebook图标中显示）。

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

---

更新 - 2018 年 12 月 15 日

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

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 在有没有办法使用渐进式 Web 应用程序 (PWA) 添加徽章通知中所指出的那样？ ，在 Chromium 团队有一些关于这个主题的讨论。

看讨论：

仅供参考，通知指标正在推送到 M-71。

和

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

所以，也许，至少现在，似乎不可能为 PWA 添加徽章通知，但也许在未来我们能够做到这一点。

Answer 5

“在 Android 上，不支持 Badging API。相反，当有未读通知时，Android 会自动在已安装的 Web 应用程序的应用程序图标上显示一个标记，......”

有没有人能够证实这一点？ 我没有找到任何真相。