Push Notification In React Native Using Firebase - Android & IOS Tutorial 2023
Hey this is Sheikh Adnan, In this tutorial you’re going to learn how to implement push notifications in IOS as an app feature using React Native and Firebase.
#pushnotification #ios #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 Android Link:
• Push Notification In React Native Using Fi...
Github Repo Link:
https://github.com/sheikhadnan387/Pus...
Follow me on Facebook:
/ 12cadeveloper
Follow These Steps:
Step1:
yarn add @react-native-firebase/app
yarn add @react-native-firebase/messaging
cd ios/ && pod install
Step2:
Configure firebase in IOS side.
Download the GoogleService-Info.plist file
Right click on the project name and "Add files" to the project.
Configure Firebase with iOS credentials
Step3:
Add firebase.json file
and add these lines of code
{
"react-native": {
"analytics_auto_collection_enabled": false,
"messaging_auto_init_enabled": false,
"messaging_ios_auto_register_for_remote_messages": true
}
}
Step4:
Add Developer account
//Add two Capability
Step5:
Add Background Modes and check
1.Background fetch
2.Remote Notification
Step6:
Add notification capability
Step7:
Add APNs Auth key
key Id --------
Team Id --------
Upload file .p8
Step8:
//Install these packages
yarn add @react-native-firebase/messaging
yarn add @notifee/react-native
yarn add react-native-permissions
Step9:
Make fcm Method helper Class
If you like this video, Please Likes, Comments, Subscribe to support us...
Thanks.
Starting with React Native #codewithadnan @code with adnan
Sur cette page du site, vous pouvez voir la vidéo en ligne Push Notification In React Native Using Firebase - Android & IOS Tutorial 2023 durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur code with adnan 31 octobre 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 32,192 fois et il a aimé 305 téléspectateurs. Bon visionnage!
