Is there a way to add icon notifications using Progressive Web Apps (PWA)?

I am developing a Progressive Web Application (PWA) that will eventually send notifications to users.

I already know I can send push notifications (as with any regular app) as described in the following blog post: https://developers.google.com/web/fundamentals/getting-started/codelabs/push-notifications /? hl = en-us .

I also know that I can add PWA to the home screen by creating a simple manifest file ( https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with -webapp-manifest -in-chrome-38-for-Android ).

However, after the application has appeared on the home screen, I would like to add a "prompt" to the user telling him that he should access the application. A great way to do this is to do something like "badge notification" (as shown in the Facebook badge in the image below).

Image showing a badge notification example on the Facebook icon

Can this behavior be added using Progressive Web Apps?


Update - December 15, 2018

Google recently launched a post explaining the so-called "App Icon Tagging", which is pretty exciting:

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

Update - September 28, 2018

Relevant links:

As Josh Lee pointed out in β€œ Is there a way to add icon notifications using Progressive Web Apps (PWA)? There are several discussions on this topic in the chrome team.

Looking at the discussion :

For your information, notification indicators translate to M-71.

and

Thanks for your attention. This is good for us because while we hope to have this test taker behind the flag in the M70, we won't be able to run the API until (at least) the M71.

So maybe, at least for now, it seems like it's not possible to add badge notifications for the PWA, but maybe in the future we can do that.

+6


source to share


2 answers


It looks like it's on the roadmap, possibly behind the flag in the M71.

crbug.com/719176
crbug.com/685159



(So ​​late October beta ( timeline ). No other bug action to confirm this, but most of WebAPK's work was not public bugs, FWIW.)

+1


source


This is currently not possible with a PWA. Although, if the developers like the feature that I expect, it will be there at some point.



0


source







All Articles