Ionic-framework: Ionic 3 PWA & Firebase Cloud Messaging (web notifications) article required

Created on 8 Feb 2018 · 5Comments · Source: ionic-team/ionic-framework

Ionic version: (check one with "x")
[ ] 2.x
[x ] 3.x
[ ] 4.x

I'm submitting a ... (check one with "x")
[ ] bug report
[x] feature request

Current behavior:
If we develop Ionic 3+ based Progressive Web App (PWA) it is natural that we want to ensure push notifications are also available (subject to browser comptatibility of course. The current leading solution is to leverage FCM - Firebase Cloud Messaging.
As of now there is no documentation or a guide that explains recommended generic way of adding web notifications to Ionic 3+ based PWAs.

There are articles/guide for Angular such as this one: https://angularfirebase.com/lessons/send-push-notifications-in-angular-with-firebase-cloud-messaging/ but since Ionic has its default service worker it is unclear what is recommended implementation path specifically in Ionic 3 and going forward.

Expected behavior:
Ionic developer documentation should have a simple recipe type of a guide to implement web notifications based on FCM.

Source

cmer4

Most helpful comment

@lzehrung hey, I did look into what existed at the time I did my guide and nothing worked for me either. I am not sure at this point what browser support means for the plugin.

I may give it a try though at some point, but as of now I am just using the web apis hoping Apple will add its support soon;)

cmer4 on 16 Apr 2018

👍2

All 5 comments

OK I did my first pass and captured the way i did it here. Maybe I am wrong and good developers already know how to do it;)

cmer4 on 10 Feb 2018

👍1

@cmer4 thank you for the guide!

Did you look at using the Ionic Native - Push plugin for web notifications? I'm confused because the plugin claims to support browser as one of the platforms but I can't seem to make it work.

lzehrung on 16 Apr 2018

@lzehrung hey, I did look into what existed at the time I did my guide and nothing worked for me either. I am not sure at this point what browser support means for the plugin.

I may give it a try though at some point, but as of now I am just using the web apis hoping Apple will add its support soon;)

cmer4 on 16 Apr 2018

👍2

Thanks for the issue! We have moved the source code and issues for Ionic 3 into a separate repository. I am moving this issue to the repository for Ionic 3. Please track this issue over there.

Thank you for using Ionic!