Push Notification with Firebase - From Zero to Hero 8

Подписаться 1 тыс.

Просмотров 17 тыс.

50% 1

In this video, we will show you how to use Push Notification within your app. We will use the Firebase Cloud Messaging (FCM) for sending the notification to the device. For an iOS device, the FCM act as the proxy to send the notification via the Apple Push Notification Service (APNs). We will show you the different ways of sending push notification via FCM console and the admin SDK.
You can download the source code for this tutorial here.
github.com/jus...
To watch the whole series of the tutorial video, you may want to follow our playlist below.
• React Native - From Ze...
All our videos also available in the following platforms:
Justnice.Net: justnice.net/w...
RU-vid: / @justcodejs
Facebook: / justcodejs
BiliBili: space.bilibili...
YouKu: i.youku.com/i/U...
Tencent: v.qq.com/vplus/...

Опубликовано:

15 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 65

@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.

@Vivek-pandey Год назад

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

@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.

@sherifsamir6888 2 года назад

Thank you so much for explaining this in a simple way

@k.ganesan1595 Год назад

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

@flaviopitica 3 года назад

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

@jeremybradshaw8090 2 года назад

Useful tutorial thanks

@sufiyanhabib4431 2 года назад

Great tutorial. Worked for me. Thanks a lot

@justcodejs 2 года назад

Welcome ☺️

@davitgigauri6053 2 года назад

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

@DaveTradeFx_01 3 года назад

Thanks for your tutorial. It great

@ivansamoiliuk5451 2 года назад

Very big thank you!

@oberdansantos-dev716 2 года назад

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 2 года назад

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.

@juanmartinezaviles2527 3 года назад

Very well explained. Thank you for this tutorial!

@justcodejs 3 года назад

Thanks for your support!

@providence1999 2 года назад

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!

@markoco3068 3 года назад

Very informative and detailed. Thank you for this tutorial.

@sureshpatidar4000 3 года назад

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

@justcodejs 3 года назад

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 3 года назад

@@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 3 года назад

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 3 года назад

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

@justcodejs 3 года назад

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

@vigneshramasundaram4249 3 года назад

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 3 года назад

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

@trangminh8735 2 года назад

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

@thiagoferraz5362 3 года назад

Thanks for this tutorial, it helped a lot!

@joja4323 2 года назад

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.

@oberdansantos-dev716 2 года назад

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

@BinhTran-me3hk 3 года назад

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

@justcodejs 3 года назад

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

@4rled 3 года назад

This is gold

@devina1957 3 года назад

You saved my day, thank you so much

@justcodejs 3 года назад

You are welcome 😁

@ralphlevita5401 3 года назад

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

@justcodejs 3 года назад

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. 😅

@vanns3592 3 года назад

Really good explanation.. 👍👍

@justcodejs 3 года назад

Thanks for your support!

@vanns3592 3 года назад

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..

@Iyiola 3 года назад

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

@justcodejs 3 года назад

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 3 года назад

@@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 3 года назад

Welcome 😊

@codeteztechnologies7629 3 года назад

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

@justcodejs 3 года назад

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

@shubhamjain2616 3 года назад

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

@hoanganhnguyen8050 3 года назад

check again doc

@shubhamjain2616 3 года назад

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

@sadiawaleem9796 3 года назад

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

@justcodejs 3 года назад

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

@sadiawaleem9796 3 года назад

@@justcodejs Thanks its working now :)

@srikanththotashreek 3 года назад

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

@justcodejs 3 года назад

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.

@LarsRyeJeppesen Год назад

Why is this React specific?

@justcodejs Год назад

because this tutorial is for React Native 🤭

@hoanganhnguyen8050 3 года назад

how to custom sound using react native firebase

@justcodejs 3 года назад

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.