The Push Notifications Guide for Ionic & Capacitor

Learn to add Push notifications to your Ionic app with Capacitor and Firebase. We will integrate both iOS and Android in this tutorial!

#############################

👨‍💻Want to read instead of watch?

🤷‍♂️Want more Ionic tutorials?

⚡️Take my 7 Day Ionic Crash Course

#############################

❤️You can also find me...

#############################

[kennedystephen]

If we make changes directly to platform files (under ios and android), wouldn't that mean we'd have to keep those folders under source control as well?

[AlexisDessard]

Thanks! (again, because I always watch this same video every 3 months for a different app)

[yuriileso]

Hi Simon!
Great video!

I spend a couple of hours to understand all process and then found your tutorial.

Thank you for clear explaining and showing all details there
You save me many time!

[divineperspicaciousness]

Thanks Simon, these tutorials and Angular tutorials with Ionic in particular are really helpful considering just how many things can go wrong when you're battling through the code alone! Glad to see things are slowly getting easier with the Ionic workflow

[vipinmishramd]

Thank you Simon for this tutorial. this video is too understanding for beginner. Thank you 😊😊

[gsalven]

Thanks for this tutorial! Very helpful.

[kennedystephen]

@Simon - if we make changes directly to platform files (under ios and android), wouldn't that mean we'd have to keep those folders under source control as well?

[id-aiHa-Ezio]

Hey Simon, great video. 🚀👍🏻👏🏻 I love Ionic

[simonazzopardi]

Thanks for the video. It is very helpful. In my case, the app is crashing when I receive something and when the app in background, nothing happens. Do you have any clue?

[IshchenkoVitaliy]

Thank you for great guide! Also thanks for the hint with the router.

[mrsmola]

Hello, i try to figure it out for Ionic Vue project, but with no success. Im stuck at 14:57 min, when you are creating services and page with that command, because in ionic vue it doesnt exist. Can you somehow help me how to continue? Thanks!

[mertellialti]

I'm trying to follow your instructions but is it possible that some of them are out-dated? Like in 13:41 there is no such URL exist. And there is no such code exist in AppDelegateSwift file (the if block doesn't exist)

[AlexisDessard]

Huge thanks for your tutorial, iOS part is not intuitive at all but you made it as simple as it could be. 👍

[eliabekun]

Fantastic tutorial man! Can you make some video about send notifications by ionic?

[sviluppoprogettoautomazion]

Hi Simon, can I do the same thing with cordova instead?

[wakikuk]

Hi Simon, I tried to follow up step by step, but when build on android i founded error :
public class MessagingService extends FirebaseMessagingService {
^
class file for android.app.Service not found

Please what wrong with my code

[eddielim]

Thanks Simon for this video. How can I show a badge in app icon when the app is close not running in background and foreground for android? I have added ["badge", "sound", "alert"] in the capacitor config but it doesn't work. Thanks for your help.

[davidsosa]

Hi Simon, help with showing the notification when the app is on the foreground ? Thanks

[microvirus]

what about that notification icon? it was white dot on android. how to fix that sir?

[grandvilletanbunan]

Hi Simon, thank you for the tutorial. Now I can Push Notification from FCM, but is there any possible way to trigger Push Notification right after we insert Document to a Collection in Firestore Database?