Push Notifications with React Native (iOS) and Firebase Cloud Messaging (FCM)
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.