Push Notification with Firebase - From Zero to Hero 8

[@chiderapaulugwuanyi9843]

Best push notification on react native with firebase tutuorial I have seen. The tutorial is top notch. Even after two years it has helped me massively to understand push notiification. He absolutely covered every scope.

[@k.ganesan1595]

Thanks for sharing this video and detailed explain for Push notification.. Great Job brother...👌

[@vishnups5435]

will I be able to schedule a notification from remote so that user can get the notification everyday on a perticular time?

[@justcodejs]

You can do it via Firebase Console or implement it as a service in your oen server.

[@Vivek-pandey]

i love u sir 100000 times u helped him as i want

[@flaviopitica]

saved my ass at work. Great job wish you the best

[@sherifsamir6888]

Thank you so much for explaining this in a simple way

[@sufiyanhabib4431]

Great tutorial. Worked for me. Thanks a lot

[@justcodejs]

Welcome ☺️

[@jeremybradshaw8090]

Useful tutorial thanks

[@DaveTradeFx_01]

Thanks for your tutorial. It great

[@juanmartinezaviles2527]

Very well explained. Thank you for this tutorial!

[@justcodejs]

Thanks for your support!

[@markoco3068]

Very informative and detailed. Thank you for this tutorial.

[@ivansamoiliuk5451]

Very big thank you!

[@thiagoferraz5362]

Thanks for this tutorial, it helped a lot!

[@davitgigauri6053]

thank you very much. With me everything works on both platforms though it does not work on quit state Android

[@vanns3592]

Really good explanation.. 👍👍

[@justcodejs]

Thanks for your support!

[@vanns3592]

I followed all the instructions but I am getting Error Firebase/Unregistered when I call getToken() method. I verify APN, bundleId is same as firebase app name, and firebase automatically created entitlement for apn..

[@devina1957]

You saved my day, thank you so much

[@justcodejs]

You are welcome 😁

[@trangminh8735]

Do you know how to fix the problem that the device receive the fcm too long (after 2 minutes sending from firebase)

[@vigneshramasundaram4249]

Thank you so much for this tutorial , but i have one doubt regarding how to update badge count in app icon in both background and foreground

[@justcodejs]

You can specify the badge count in the message payload but it is tricky.

[@oberdansantos-dev716]

Hi! Congrats for the video! I've a question... You're using Admin SDK for send notifications. Can I use my backend / API to do this in React Native?

[@justcodejs]

Yes but you need to follow the firebase rest api interface for push notification. However, I think that using firebase admin sdk is much more easier. The firebase admin sdk also available in different programming language.

[@sureshpatidar4000]

Very nicely explain. I have one question: How Notification Badge count updated when iOS App running in backgorund & froeground mode.

[@justcodejs]

In V5 of @react-native-firebase/messaging you can set the bade using the setBadge method, however, in V6 this method is deprecated and it is now supported in Notifee module which is a paid version of library. notifee.app/react-native/docs/ios/badges#notifee You also can set the badge number in the message payload when you send the notification to the device.

[@sureshpatidar4000]

​@@justcodejs Thanks. We don't want to use paid service. We want to update badge count with iOS app icon on the home screen when app in kill, background & foreground mode. We are sending badge number value as 1 in the message payload when sending the notification to the device. But badge count not updated on device with app icon on home screen . Please help us to achieve it.

[@justcodejs]

For quick solution, your app can trigger your server to send a "data" only notification to the device to set the badge number in the payload when the user open the notification via the app.

[@sureshpatidar4000]

@@justcodejs We don't want to handle it from server. Can we manage in APP using local storage or any other way?

[@justcodejs]

Then you might need to use other notifications npm module that provide the setBadge function.

[@oberdansantos-dev716]

Hello, again! :) By Android side, how can I add badges to the application icon ?

[@providence1999]

Hi, Great job! Clearly explain this complicated topic. Can you provide the code snippet to save the token to the FCM server? This is a real world usage. instead of just console.log save the device token to the FCM server for sending future notification. Thanks!

[@BinhTran-me3hk]

can I use firebase to push notifications in China? thanks for your answer

[@justcodejs]

Sorry I am not from China so can't answer you 😅

[@codeteztechnologies7629]

Custom push notification sounds not working newer android 8. Please helpme

[@justcodejs]

For Android 8 and above you need to create the channel in order to use custom sound. developer.android.com/training/notify-user/channels#java

[@4rled]

This is gold

[@ralphlevita5401]

Hello! is it possible to create a custom sound for the notification? Thank you and more prosper to your channel!

[@justcodejs]

You should able to do it by specify the sound file in the message payload. For Android, you also need to create a message channel. I have yet to test it. 😅

[@Iyiola]

Hi, you said push doesn't work on the simulator, but you're using it on the simulator, I am confused

[@justcodejs]

Sorry for the late reply. I didn't use the simulator. I am using a screen casting app to cast my mobile screen to my computer screen. 😊

[@Iyiola]

@@justcodejs You responded at the right time lol, been working on this push notification and also following this video for about 7 days now and TODAY 2 hours ago, I have fully implemented push notifications… THANK YOU!!

[@justcodejs]

Welcome 😊

[@helionyxcollective]

I am getting the error: messaging.getToken(): NativeFirebaseError: [messaging/unknown] The operation couldn’t be completed. Too many server requests. at FirebaseMessagingModule.getToken FYI: 1. I am not using Redux and I will not be using it. 2. My App.js is setup with functional components, not class components. Any help would be greatly appreciated.

[@LarsRyeJeppesen]

Why is this React specific?

[@justcodejs]

because this tutorial is for React Native 🤭

[@shubhamjain2616]

I am not getting the Push Notification Capability option in the Capabilities list. Please help...

[@hoanganhnguyen8050]

check again doc

[@shubhamjain2616]

@@hoanganhnguyen8050 I found out why, because I don't have a paid developer account.

[@hoanganhnguyen8050]

how to custom sound using react native firebase

[@justcodejs]

You can specify the sound file in the message payload but you might need to create a custom channel for Android app. I have not test that yet so can't give you the exact steps.

[@sadiawaleem9796]

Receiving the error "No firebase app ['DEFAULT'] has been created". I am just running the app not up the admin"

[@justcodejs]

You need to setuo the firebase app via the firebase console. Please refer to the project github page readme file.

[@sadiawaleem9796]

@@justcodejs Thanks its working now :)

[@srikanththotashreek]

I'm facing FIS_AUTH_ERROR while trying to getToken. Please help me

[@justcodejs]

Make sure you had place the correct Google Service file in the respective folder. Android: [proj root]/android/app/google-services.json iOS: [proj root]/ios/GoogleService-Info.plist after you pace the files in the respective folder, make sure you recompile the app in order for it to take effect.

[@RavindraKumar-mn4jk]

Not working in iOS

[@justcodejs]

Did you run the app in the actual iOS device? Push notification only work on actual device.

[@learnforever1801]

nicee

[@justcodejs]

Thanks for your support 😊