Push notifications are an essential and powerful way to communicate with your users and one way to implement them with React Native is by using Firebase Cloud Messaging (FCM).
At a high level here is how push notifications will work with our setup:
- An FCM Token will be created in the app and this will be used to identify a unique user’s device
- The FCM Token for the user will be stored on our server
- Using the unique FCM token we will create the push notifications on the server
- The unique user will be notified with the notification we sent to FCM from the server
Note: You MUST have a PAID Apple Developer account to enable push notifications in your app.
Step 1: Follow the guide here
The above link will guide you on how to set up your project for push notifications.
Step 2: Setup FCM
Make sure you have Cocoapods version > 1.o installed
Install the Firebase/Messaging pod:
cd ios && pod init pod install Firebase/Messaging
Get the GoogleService-Info.plist file from your firebase console and place it in /ios/your-project-name
Step 3: Start sending notifications!
Follow the below example to start sending notifications:
For reference here is what some code on your server might look:
Congrats on getting notifications set up. If you got stuck on any of the above steps feel free to leave a comment and I’ll try my best to help.