Тёмный

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

Shravan Meena
Подписаться 838
Просмотров 18 тыс.
50% 1

Welcome to our latest tutorial on push notification integration in React Native using Firebase for both Android and iOS platforms. In this video, we will guide you through the step-by-step process of setting up push notifications in your React Native app, ensuring that you stay connected with your users in real-time.
Push notifications are an essential feature for any modern mobile application, enabling you to engage and re-engage users by sending timely updates, alerts, and personalized messages. By leveraging Firebase, a powerful cloud-based platform, we'll demonstrate how to effortlessly implement push notifications in your React Native projects.
Throughout this tutorial, we will cover the following key points:
Introduction to push notifications and their significance in mobile applications.
Setting up Firebase for push notification integration in React Native.
Configuring your Android and iOS projects to enable push notifications.
Handling permission requests and user interactions.
Implementing the necessary Firebase Cloud Messaging (FCM) dependencies.
Creating and sending push notifications from the Firebase console.
Handling incoming push notifications and displaying them in your app.
Demonstrating advanced features such as data payloads and deep linking.
Testing your push notifications on both Android and iOS devices.
Troubleshooting common issues and debugging techniques.
By the end of this tutorial, you will have a comprehensive understanding of how to implement push notifications in your React Native applications using Firebase, ensuring that you can effectively engage with your users and keep them informed about important updates and events.
If you're ready to enhance the user experience of your React Native app and take advantage of the power of push notifications, this tutorial is perfect for you. Let's dive in and get started with push notification integration in React Native using Firebase for Android and iOS platforms in 2023!

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

 

31 май 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 51   
@elozinoovedhe
@elozinoovedhe 10 месяцев назад
Perhaps the best push notification video out there. Even without understanding your native language, I could understand everything you did. I would love to connect too.
@KunalSingh-yc7ui
@KunalSingh-yc7ui 7 месяцев назад
This was a live saver man, I was stuck with multiple outdated documents but your video helped me a lot. Cheers and keep the good work dude.
@bhaupatilsangle1401
@bhaupatilsangle1401 7 месяцев назад
same here man...finally I was able to see the notification on my device
@iamshravanmeena
@iamshravanmeena 3 месяца назад
Great to hear!
@shubhamkhandal5290
@shubhamkhandal5290 Год назад
Brother! excellent video, Easy to understand and easy to implement. Thankyou 😀
@zainmalik68051
@zainmalik68051 Год назад
Owesome ! definitely subscribing your channel. keep it up :)
@iamshravanmeena
@iamshravanmeena Год назад
Awesome, thank you bhai!
@user-wm9sx3we6r
@user-wm9sx3we6r 11 месяцев назад
where is iOS configuration and ios notification demo tutorial?
@shivapasunuri8209
@shivapasunuri8209 Год назад
the fire base sdk 3rd step is totally different in gogle project app setup for me im confused
@user-tg4rk4ld2z
@user-tg4rk4ld2z 9 месяцев назад
great, Thanks bro
@mohammadhaseeb-ur-rahman3731
@mohammadhaseeb-ur-rahman3731 7 месяцев назад
Sidha aur simple..... 😊😊😊 Appreciate your hard work bro.... Thnx.
@iamshravanmeena
@iamshravanmeena 3 месяца назад
Thank you so much. aapko acha laga
@user-js5wv3uu1h
@user-js5wv3uu1h 10 месяцев назад
Thanks Bro
@user-vo6um8lc6t
@user-vo6um8lc6t 10 месяцев назад
where do i find FCM Registration Token (Device Token)?
@relaxforever8881
@relaxforever8881 6 месяцев назад
nice to see your work bhai. Message from a new subscriber 😉
@iamshravanmeena
@iamshravanmeena 3 месяца назад
Thanks and welcome bhai
@user-qk8ct4nl4e
@user-qk8ct4nl4e Год назад
Can you please share gitgub project code for same ?
@Bengisu-dmr
@Bengisu-dmr Месяц назад
I open indian subtitles then you can see in subtitles there is a translate (after choosing indian), watched with english subtitles! thanks!
@bansiparmar3879
@bansiparmar3879 Год назад
hey great work but i in my side notification permission set up remaining can you guide me..?
@iamshravanmeena
@iamshravanmeena Год назад
Website push notification ?
@codingTent
@codingTent Год назад
This is only for android, nothing related to IOS, you are confusing people with the title of this video.😞
@dhananjaydubey5078
@dhananjaydubey5078 11 месяцев назад
notification mai navigation kaise daal skte hai yaa fir agar notofications pr tab kare to pop-up open ho aisha kar skte hai kya ? agar kuch aisha uss ek vdo banao na
@nahurod
@nahurod 11 месяцев назад
i have this error in fcmToken [Error: [messaging/unknown] The operation couldn’t be completed. No APNS token specified before fetching FCM Token]
@elozinoovedhe
@elozinoovedhe 10 месяцев назад
If you noticed, his focus was on android. APNS is for iOS
@mrskism
@mrskism 11 месяцев назад
Please upload iOS notification setup with react native
@duhungminh9621
@duhungminh9621 Год назад
can you share your src code for us? that will be more helpful
@s_5526
@s_5526 10 месяцев назад
ios configuration and ios notification tutorial?
@altafd8145
@altafd8145 Год назад
i did what exactly what you did , i had a expo app , i converted it to reavt natice project , and did exactly same , but app is not opening and im not getting , where do i find the token
@iamshravanmeena
@iamshravanmeena Год назад
Not possible with this library. You can check npm for more info.
@waqasahmed2842
@waqasahmed2842 11 месяцев назад
expo is not supported. try run..... expo run:android
@altafd8145
@altafd8145 11 месяцев назад
Expo provides its own notification tool ,just 4lines of code and done. Notifications.setNotificationHandler({ handleNotification: async () => ({ shouldShowAlert: true, shouldPlaySound: true, shouldSetBadge: true, }), }); export default function App() { useEffect(() => { async function requestPermissions() { const { status } = await Notifications.requestPermissionsAsync(); if (status !== 'granted') { alert('No notification permissions!'); return; } const token = (await Notifications.getExpoPushTokenAsync()).data; // Store or use the push token as needed console.log(token); } requestPermissions(); }, []); return (
@altafd8145
@altafd8145 11 месяцев назад
Copy the token and paste in the official expo notification tool and customise the notification and send
@relaxforever8881
@relaxforever8881 6 месяцев назад
can you please share git repo for this code thanks in advance
@apurbabhowmik3129
@apurbabhowmik3129 3 месяца назад
Thanks for the tutorial bro. But I am looking for IOS, which your tutorial title suggest and missing from the content 😛
@iamshravanmeena
@iamshravanmeena 3 месяца назад
Sorry for that and it will come in this week itself
@shevum
@shevum 2 месяца назад
@@iamshravanmeena Bhai please video daal do ios ka bhi, aapne title mai android and ios likh k bss android bataya ab ios pta nahi chal rha kaise hoga
@hdzreyeserick
@hdzreyeserick 3 месяца назад
How about iOS config?????
@altafd8145
@altafd8145 Год назад
bro where do i get token??
@iamshravanmeena
@iamshravanmeena Год назад
export const getToken = async () => { await messaging().registerDeviceForRemoteMessages(); const token = await messaging().getToken(); console.log(token); };
@Vlogeromani
@Vlogeromani Год назад
ios ka kidr hai configuration ---
@neos.nguyen
@neos.nguyen 8 месяцев назад
Where is the ios tutorial ?
@vibhusharma8240
@vibhusharma8240 5 месяцев назад
Sir ios me kaise kren...
@iamshravanmeena
@iamshravanmeena 3 месяца назад
Video will come in this week. I know it is too late
@estevaomanhique6421
@estevaomanhique6421 Год назад
where is the source code.
@maibaza0
@maibaza0 8 месяцев назад
Fake. , Where IOS?
@mwaqarshahid
@mwaqarshahid 8 месяцев назад
Nothing for iOS 🤮
@PummySinha-mv8tg
@PummySinha-mv8tg 7 месяцев назад
title is for ios and android and here he explained only android
@mwaqarshahid
@mwaqarshahid 7 месяцев назад
Exactly.
@user-hg4if9on1s
@user-hg4if9on1s 11 месяцев назад
great, Thanks bro
Далее
Stay on your way 🛤️✨
00:34
Просмотров 4,7 млн
React Native Firebase Setup on Ios and Android
9:31
Просмотров 1,1 тыс.
Firebase Cloud Messaging API (v1) Tutorial
9:13
Просмотров 65 тыс.