No video :(

Push Notification In React Native Using Firebase - Android & IOS Tutorial 2023

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

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

50% 1

Hey this is Sheikh Adnan, In this tutorial you’re going to learn how to implement push notifications in Android as an app feature using React Native and Firebase.
#pushnotification #android #reactnative #codewithadnan
What Are Push Notifications?
Push notification is a small message that users receive on a device. They differ from regular pop-ups because they will appear on the device whether or not the user is currently using the site or app that the notification is tied to.
Push notifications work for both browsers and apps. For browsers, push notifications can show up no matter what site a user is on, as long as they’ve opted in to push notifications. They work very similarly for apps, however, they can pop up on a mobile device at any time, regardless of whether the user is on the app.
Notification In IOS Link:
• Push Notification In R...
Follow me on Facebook:
/ 12cadeveloper
Tropical House Music | SEA by Alex-Productions | / @alexproductionsnocopy...
Music promoted by www.chosic.com...
Creative Commons CC BY 3.0
creativecommon...
If you like this video, Please Likes, Comments, Subscribe to support us...
Thanks.
Starting with React Native #codewithadnan @code with adnan

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

9 фев 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Simple to follow but my app kept crashing after integrating your method...can i share my code with you maybe i am missing something

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

Sure

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

@@CodeWithAdnan please share your email thanks

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

@@theycallmekingmo have you fixed that?

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

@@lewis2211000 not yet

@CodeWithAdnan Год назад

@@theycallmekingmo sheikhadnan387@gmail.com

@harshitparkar Год назад

Remove IOS Tutorial from the title 🙂

@effiongbenjamin3305 3 месяца назад

Am I the only one dancing to your music

@ifeanyiakomas1722 10 месяцев назад

This was actually the first tutorial that made my app notification work😎😎

@maheshbirajdar4855 Год назад

What you did between 7:41 - 7:43 frame, code looks different..

@ipanxbread Год назад

yeah, he also did something to his App.js offscreen.. how is this a tutorial..

@B8dya Год назад

you show that you get old token and new from this function but where you invoke that? help

@muthiulhaqhaq3835 8 месяцев назад

Thank you Sir, simple and straight forward (like)

@hassannassif143 Год назад

I did every step, but I cant receive the message as a notification from fcm, any help please.

@nahalasignature6684 Год назад

but why notification doesnt appear when app is in foreground??..please share the code for that too

@jeffersoninacio5513 Год назад

In my case it's almost working... I send the push notification but my device only receive on display if I open the app. Do you have any ideia why?

@user-fd7pj4zg7g Год назад

hi is it possible when i received notification my mobile screen turn to On?

@PatrickDReis Год назад

Thanks! What theme are you using?

@banguyen3368 10 месяцев назад

I have done it like this. Receive notification but not show pop-up in Android with react native

@chinmayk3409 Год назад

Hi Notification permission not enabling , thats why notification not coming in my mobile , can you please tell how to popup permision of push notification in android . Thanks in advance

@ThanhPham-se6gu Год назад

When I use the messaging.requestPermission() method the system modal doesn't display so I can choose "Allow / Dont allow". Some time ago it did but recently it stopped and just returned authorization: 1. On iOS it displays the modal but not on Android. Can you elaborate on this? :) Thanks in advance.

@akashsr6619 8 месяцев назад

The push notification is come in my console only not in my physical device

@andresescorcia6587 Год назад

Mil gracias por tu aporte, excelente video, funcionando al dia de hoy 10-04-2023

@alejandrocardenas1570 Год назад

Hola, me podrías indicar donde encontraste la server key?

@andresescorcia6587 Год назад

@@alejandrocardenas1570 en settings la tuerca azul, después le das habilitar a la cloud messaging API legacy

@kylepham3650 Год назад

we can use notifee library to show noti.

@B8dya Год назад

where you invoke this GetFCMToken() method?

@amiramaouch2774 Год назад

did u figure that out? i don't know why he skipped this part !

@B8dya Год назад

@@amiramaouch2774 yes, sure I invoke it near requestUserPermission and getCustomerDevice functions

@alllyrics4321 8 месяцев назад

Great tutorial!!!, sadly it seems on android a console.log is not enough to show the push notification. Edit: The permission request was missing, now everything works fine. Good tutorial.

@akinjidesleek 9 месяцев назад

hi, where exactly are you calling the GetFCMToken function?

@whynesspower 6 месяцев назад

Its being called when the token is retrieved from AsyncStorage and is found to be expired. See the video again

@saxenavedant61 Год назад

Thanks a lot just have a question is the app in running in the background or in quit state I want to open the app and navigate to a specific screen in react native how to do that? I am trying to build a call app and using push notifications for in coming calls so I have to open the app and navigate tp in call dailer screen whenever I receive a call ie receive a notification. How to do that ?

@saxenavedant61 Год назад

Upadte: I want to open app on setBackgroundMessageHandler of rnfirebase and reroute to a specific page. How to do that in index.js

@aereowatcher9131 Год назад

work perfectly! thx

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

in order to send real notifications to my real costumers, I'll stick with this test website or head directly to firebase console push notifications section?

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

you just use only cloud messaging using firebase, save your notification in real time database or firestore. you have no need of this helper website to push notifications.

@dongnez Год назад

Thanks, very simple and straightforward👍

@CodeWithAdnan Год назад

Pleasure 😊

@mr.programer4918 2 года назад

Thanks Buddy its help me to solve my problem 🙂

@jvanderhorst2011 Год назад

please explain for the n00bs like me thx

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

No notification im getting when implementing this, i followed every step still it doesn't work . Pls help on this asap

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

Send me screenshot on social media account that’s mentioned in detail

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

Could you please show a demo of how navigate to a screen on clicking the notification ?

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

I thint its easy to understand in video

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

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

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

brother it’s just example not proper work and when you disconnect your device it’s definitely not work because you are in debugging mode.

@relaxforever8881 7 месяцев назад

Aoa can you link the git repo thanks in advance

@sortionline Год назад

It Works!, Thank you Adnan.

@CodeWithAdnan Год назад

Pleasure ☺️

@saigoarashi5895 Год назад

it's work, thank you.

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

Got it working.. thanks :)

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

Thanks for support 😊

@TheGinoooo 10 месяцев назад

Hi! Great video, but could you please keep explaining how to proceed for iOS?

@CodeWithAdnan 10 месяцев назад

Wait only 2 days soon upload

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

GetFCMToke function not working. console not print(console.log(fcmtoken, 'old token');) how to solve this issue sir.

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

do you call it export const requestUserPermission = async () => { const authStatus = await messaging().requestPermission(); const enabled = authStatus === messaging.AuthorizationStatus.AUTHORIZED || authStatus === messaging.AuthorizationStatus.PROVISIONAL; if (enabled) { console.log('Authorization status:', authStatus); getFCMToken(); } };

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

same

@dileepnagendra8199 10 месяцев назад

Thanks

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

where did you generate you server key??

@zineddineamariche Год назад

Same for me !!!!

@robinildefonsoildefonso8512 Год назад

@@zineddineamariche found it, you need to enable the Cloud Messaging API (Legacy)

@zineddineamariche Год назад

@@robinildefonsoildefonso8512 yes i found the solution thanks .

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

integrated like you did , but when i push notfications , it doesnt appear , i followed everything , but it doesnt work, pls help on this stuck here for 2 days

@hassannassif143 Год назад

Same to me

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

You can add a notification as "mailbox" and when you open a notification, the open notification opens in the "mailbox"

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

Yea

@anuradhamate5116 Год назад

Hello can u please share git repo

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

AsyncStorage is deprecated

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

where do you render pushnotification_helper.js its not show in the vid , my app wont run the function inside pushnotification_helper.js without rendering. could you help please

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

Yes same question by my side also

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

Just add that to App.js: import {requestUserPermission, NotificationListener} from "./src/utils/pushnotification_helper" useEffect(() => { requestUserPermission(); NotificationListener(); }, [])

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

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

in App.js file he have used a similar import statement " import {requestUserPermission,notificationListener} from './src/utils/pushNotification_helper'; "

@abdur-rahmaanmohabbat600 Год назад

He skips that part for some reason. go to 9:42 and you can see the change he made to app.js, he imported request permission and ran it in the app through useeffect