How Firebase Works With React Native Push Notifications

1
React Native
Push Notificaton
2
What Firebase Is?
Firebase is a platform for Backend-as-a- Service
(BaaS). It has since grown into a
next-generation app development platform based
on the Google Cloud Platform. It is getting
increasingly popular due to its simplicity of
integration and feature set. FCM (Firebase Cloud
Messaging) is a messaging solution that may be
utilized on several platforms simultaneously.FCM
is used for sending push notifications.
3
How Firebase Works With React-native Push
Notifications
We will use react-native firebase to add push
notifications in React native. First of all,
create a project in your Google Firebase Console.
4
(No Transcript)
5
A Firebase Integration For Your Android App
Follow the instructions for Android configuration
after registering your app in Firebase. Then,
save your google-services.json file. Remember to
put them in the right folder.
6
Next, build your React native project and enter
its directory.
Include and link the React Native Firebase
package to your application.
Configuration Android Project
7
(No Transcript)
8
(No Transcript)
9
(No Transcript)
10
Now that everything has been set up and
configured, you must use the React native
Firebase module to implement FCM push
notifications on the React native side.
11
Receive Push Notifications
The most anticipated component will now be coded.
Receiving Notifications! Install the following
dependencies before merging the code.
It is necessary to send the users consent before
the app receives any alerts. Unless the user
specifically changes it from Settings, your app
will never receive any alerts if the user did
not authorize it to do so.
12
(No Transcript)
13
(No Transcript)
14
(No Transcript)
15
Now, its time to test the React Native push
notifications directly from the Firebase Console

• When everything is configured properly, we can
  test right from the Firebase console
• In the left pane, select Cloud Messaging.
• Click the Send your first message button.
• Click Send after entering your test text and
  choosing the Android app you wish to send the
  application to.

16
(No Transcript)
17
(No Transcript)
18
Conclusion
So, this is all about how Firebase works with
react native push notifications. Looking for the
best push notification service platform? Start
sending push notifications with WonderPush as
this push notification service provider assists
you to create push notifications in your favorite
environment within a few days.
19
Thank you!
www.wonderpush.com