Тёмный

Firebase HTTP V1 Push Notifications with React Native Expo | Foreground & Background | Tutorial 

Bug Ninza
Подписаться 10 тыс.
Просмотров 8 тыс.
50% 1

Source Code & More: www.patreon.com/bugninza/shop...
In this comprehensive tutorial, you'll learn how to send both foreground and background notifications using Firebase HTTP V1 in your React Native Expo app. We'll walk through the entire process, from initializing the Expo project and installing necessary packages to setting up Firebase and configuring your app for push notifications.
You'll discover how to request user permission, handle various notification scenarios, and build an APK for testing purposes. We'll cover essential steps like generating SHA1 keys, adding package names to Firebase, and creating test campaigns to ensure your notifications are working correctly.
Whether you're new to push notifications or want to migrate from the legacy Firebase method, this video is a must-watch. Follow along as we dive into code examples, provide clear explanations, and demonstrate the process step-by-step. By the end of this tutorial, you'll have a solid understanding of how to implement foreground and background notifications in your React Native Expo app using the latest Firebase HTTP V1 protocol.
Don't miss out on this valuable resource for enhancing your app's user experience with timely and relevant notifications. Like, subscribe, and stay tuned for more insightful content on React Native development.
𝐁𝐨𝐨𝐤 ( 𝐅𝐫𝐨𝐦 𝐂𝐨𝐝𝐞 𝐓𝐨 𝐂𝐨𝐧𝐧𝐞𝐜𝐭𝐢𝐨𝐧𝐬: 𝐀 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫’𝐬 𝐠𝐮𝐢𝐝𝐞 𝐭𝐨 𝐛𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐚 𝐬𝐨𝐜𝐢𝐚𝐥 𝐜𝐚𝐫𝐞𝐞𝐫 )
Amazon India: amzn.eu/d/axYh0B4
Amazon Worldwide: a.co/d/acqJOYR
Gumroad (pdf): ninza7.gumroad.com/l/codetoco...
Topics covered:
✅ Firebase setup for Android React Native and Expo
✅ Use of Developement build method using react native and expo
✅ Foreground notification feature using firebase cloud messaging and react native
✅ Background or quit state notification using FCM ( firebase cloud messaging ) and react native
✅ Code of FCM and react native expo
My social Links:
Instagram: / _ninza7
Twitter: / _ninza7
Website: ninza7.me
Discord: / discord
Video widgets edited by: / kaushal_2319
Music Source: NCS
Tags: firebase, firebase tutorial, what is firebase, firebase tutorial in hindi, firestore, firebase database, react firebase, firebase react, firebase realtime database, react native, react native tutorial, react native tutorial in hindi, react native project, react native tutorial for beginners, react native app, react native full course, react native navigation, native react, react native course, react native projects, what is react native, react native app development, react native firebase, react native crash course, react native ui, learn react native, react native in hindi, react native tutorial for beginners, react native app development, react native project from scratch, react js. expo react native, react native tutorial for beginners, fcm, firebase cloud messaging, foreground notification, background notification, development build method, android and iOS react native expo build, Firebase, firebase console, google firebase, react native firebase, firebase database, firebase pricing, firebase auth, firebase analytics, firebase authentication, firebase login, firebase cloud messaging, firebase storage, react firebase, npm firebase, firebase tutorial, firebase app, firebase sdk, google firebase console, firebase crashlytics, react native firebase auth, firebase fcm, reactfire, firebase web, firebase android, firebase ios, firebase backend, firebase cloud, firebase cloud storage,
#reactjs #javascript #reactnative #ios #android #react #firebase

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

 

26 мар 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 43   
@arturmrozinski7536
@arturmrozinski7536 Месяц назад
you just officially became my hero
@BugNinza
@BugNinza Месяц назад
Haha. Thank you
@user-gj4vf5gi6p
@user-gj4vf5gi6p 19 дней назад
I love the background scores of your videos
@chigoziepascalumeugokwe6532
@chigoziepascalumeugokwe6532 3 месяца назад
Thank you so much
@muzzammilahmadkhan3405
@muzzammilahmadkhan3405 3 месяца назад
Thanks Bro, got soo much help ❤
@BugNinza
@BugNinza 3 месяца назад
Glad it helped
@yuvaraja2734
@yuvaraja2734 25 дней назад
thanks for support
@kevinchen3866
@kevinchen3866 3 месяца назад
you save my day~ love u bro
@BugNinza
@BugNinza 3 месяца назад
Keep supporting 🙌🏻
@MatheusFerreira-dev
@MatheusFerreira-dev 2 месяца назад
Great Content, congrats!
@orllabode
@orllabode 2 месяца назад
Thank you Bro, this will really help my setup, Can I use same token from here to send push notification to ios device through expo?
@christophermungiria2876
@christophermungiria2876 Месяц назад
Hi, this video was very helpful👍🏽. I was able to get notifications, could you do one for iOS as well and cloud functions to trigger the notifications?
@dantebuscaglia649
@dantebuscaglia649 Месяц назад
it worked. Thanks
@BugNinza
@BugNinza Месяц назад
Glad it helped
@ToanDevNguyen
@ToanDevNguyen 2 месяца назад
How to implement sending notifications to a user's mobile device in a todo list app (Expo + Firebase)? I mean that users will set a time to receive a notification reminding them of their to-do. Could you please make a short video tutorial based on my question? I would be very grateful to you!
@richardstation
@richardstation Месяц назад
Thank you so much!
@BugNinza
@BugNinza Месяц назад
Glad it helped!
@shadmanfatin777
@shadmanfatin777 Месяц назад
Thank you so much brother it worked finally. May you go a long way insha Allah. ❤ Liked and subscribed. (However, it shows error if we run it locally using "npx expo start". Can it be solved?)
@keshavtomar4985
@keshavtomar4985 Месяц назад
Can you make a video using Visual Studio code for Android emulator using react native. On whole internet I'm not able to find that video.
@degatriator
@degatriator 15 дней назад
how do I get a push token for a user?
@AdityaSharma-si5pn
@AdityaSharma-si5pn 3 месяца назад
Thank you so much. Also please create a video with a basic node js server application integrating it with firebase sdk and send/receive notifications to the expo app
@muzzammilahmadkhan3405
@muzzammilahmadkhan3405 3 месяца назад
Yes plz bro plz
@BugNinza
@BugNinza 3 месяца назад
Sure I will
@erdincakdogan6962
@erdincakdogan6962 Месяц назад
Is it working for IOS too ?
@chigoziepascalumeugokwe6532
@chigoziepascalumeugokwe6532 3 месяца назад
Please do video also on firebase async storage for offline use in expo react native
@BugNinza
@BugNinza 3 месяца назад
Okay. Stay tuned
@federicovalle6871
@federicovalle6871 3 месяца назад
why did you eas build --profile development --platform android and then eas build --profile preview --platform android?
@BugNinza
@BugNinza 3 месяца назад
You can manage it also. I was Just testing a bit
@Nothing-mh7oz
@Nothing-mh7oz Месяц назад
can we use the same method for expo bare project?
@BugNinza
@BugNinza Месяц назад
with some changes, read the official docs
@silviosantosbr
@silviosantosbr 3 месяца назад
E para iOS, os passos são os mesmos? Parabéns pelo vídeo 👊
@BugNinza
@BugNinza 3 месяца назад
Sim, mas você tem que seguir a documentação para iOS (APN)
@althafabdulraheem9045
@althafabdulraheem9045 2 месяца назад
😍😍😍😍😍😍😍😍
@NikhilRaj-g8y
@NikhilRaj-g8y 13 дней назад
Hello
@shubhamranjan4596
@shubhamranjan4596 12 дней назад
source code of app.js pls give
@orllabode
@orllabode 2 месяца назад
Thank you Bro, this will really help my setup, Can I use the same token from here to send push notifications to ios device through expo? @BugNinza
@BugNinza
@BugNinza 2 месяца назад
If you follow the APN docs then yes
Далее
ЛУЧШИЙ ПОДАРОК  @mozabrick #shorts
00:40
Просмотров 1,1 млн
Expo in 100 Seconds
2:39
Просмотров 543 тыс.
The Best React Native Menus with Zeego
24:15
Просмотров 7 тыс.
Setup Push Notifications in your Expo App
19:28
Просмотров 19 тыс.
Most overpowered way to build mobile apps?
8:33
Просмотров 737 тыс.