--- title: Step 1. Configuring push notification services for React Native description: Explains how to configure Firebase Cloud Messaging (FCM) and Apple Push Notification service (APNs) to send push notifications to Android and iOS devices. component: orchsdks page_id: orchsdks:journey:use-cases/push/react-native/01_configure_push_services canonical_url: https://developer.pingidentity.com/orchsdks/journey/use-cases/push/react-native/01_configure_push_services.html llms_txt: https://developer.pingidentity.com/orchsdks/llms.txt docs_for_agents: https://developer.pingidentity.com/build-with-ai/docs-for-agents.md revdate: Sun, 15 Jun 2026 00:00:00 +0000 keywords: ["Push", "MFA", "Strong Auth", "Integration", "SDK", "mobile", "authentication", "notification", "React Native", "FCM", "APNs"] section_ids: configuring_firebase_cloud_messaging_for_android: Configuring Firebase Cloud Messaging for Android prerequisites: Prerequisites creating_a_project_in_google_firebase: Creating a project in Google Firebase adding_your_android_app_to_the_firebase_project: Adding your Android app to the Firebase project create_firebase_key: Creating a key for the Firebase service account configuring_apple_push_notification_service_for_ios: Configuring Apple Push Notification service for iOS prerequisites_2: Prerequisites register_apns: Registering a new key for APNs --- # Step 1. Configuring push notification services for React Native [icon: circle-check, set=far]PingOne Advanced Identity Cloud [icon: circle-check, set=far]PingAM [icon: react, set=fab]React Native In this step, you configure the platform-specific push notification services that deliver notifications to your users' devices. React Native apps target both Android and iOS, so you need to configure both [Firebase Cloud Messaging (FCM)](https://firebase.google.com/docs/cloud-messaging) for Android and [Apple Push Notification service (APNs)](https://developer.apple.com/documentation/usernotifications) for iOS. If your app targets only one platform, complete only the relevant section. ## Configuring Firebase Cloud Messaging for Android Firebase Cloud Messaging handles sending push notifications to Android devices. You create a Firebase project, register your Android app, and create a service account key that AWS SNS uses to authenticate with Firebase. ### Prerequisites * A Google cloud account, with access to the [Firebase console](https://console.firebase.google.com/). * An Android application bundle identifier, for example `com.example.push`. ### Creating a project in Google Firebase 1. Log in to the [Google Firebase console](https://console.firebase.google.com/). 2. Click Add project. 3. Enter a name for the project, for example `sdk-push-notifications`, and then click Continue. 4. Disable Google Analytics for the project, and then click Create project. 5. When your Firebase project is ready, click Continue. ### Adding your Android app to the Firebase project 1. Log in to the [Google Firebase console](https://console.firebase.google.com/). 2. In the left menu, in Project Overview, click the gear icon ([icon: gear, set=fas]) and then click Project settings. 3. In Your apps, click Add app. 4. Click the Android icon ([icon: android, set=fab]). 5. In the Register app section: 1. In Android package name, enter the package of the app into which you are integrating push notifications. For example, `com.example.push`. 2. In App nickname, enter a user-friendly name for the app. For example, `SDK Push App`. 3. Click Register app. 6. In the Download and then add config file section: 1. Click Download google-services.json, and move the file into the `android/app` directory of your React Native project. You will need the file when configuring your application to access Firebase Cloud Messaging in a later step. 2. Click Next. 7. In the Add Firebase SDK section, click Next. You will add the Firebase dependencies to your application in a later step. 8. In the Next steps section, click Continue to the console. ### Creating a key for the Firebase service account 1. Log in to the [Google Firebase console](https://console.firebase.google.com/). 2. In the left menu, in Project Overview, click the gear icon ([icon: gear, set=fas]) and then click Project settings. 3. On the Service accounts tab, click Manage service accounts. The link opens the Google Cloud IAM & Admin page, and displays the service accounts automatically generated when you created the Firebase project. 4. In the Actions column, click the vertical ellipsis icon ( [icon: ellipsis-vertical, set=fas]) next to the service account, and then click Manage keys. 5. On the Keys page, click Add key, and then click Create new key. 6. Select JSON, and then click Create. The page generates a key for the Firebase service account, and downloads the JSON file. You will upload this file in [Step 2. Configuring AWS for Push notifications in React Native](02_configure_push_in_aws.html). ## Configuring Apple Push Notification service for iOS Apple Push Notification service (APNs) handles sending push notifications to iOS devices. You register an APNs key in the Apple Developer console, which AWS SNS uses to authenticate with Apple. ### Prerequisites * An Apple developer *Admin* account. *Developer* accounts cannot create the required keys. * An iOS application in Xcode configured with the Push Notifications capability. You can add capabilities when creating an iOS app project, or add them to an existing project. Refer to [Adding capabilities to your app](https://developer.apple.com/documentation/xcode/adding-capabilities-to-your-app/) in the Apple developer documentation. ### Registering a new key for APNs 1. With an admin account, log in to the [Apple Developer console](https://developer.apple.com/account). 2. Navigate to **Program resources** > **Certificates, IDs & Profiles** > **Keys**. 3. Next to the Keys label, click the Add icon ([icon: circle-plus, set=fas]). 4. Enter a Key Name. For example, `APNs key for Push`. 5. Select Apple Push Notifications service (APNs). 6. Click Continue. 7. Check the details of the key, and then click Register. 8. On the Download Your Key page: 1. Make a note of the 10-character Key ID. For example, `YCH15BO820`. 2. Click Download and keep a copy of the `.p8` file safe. | | | | - | --------------------------------------------------------------------------- | | | You cannot download or view the key again, so ensure you have a local copy. | 9. Click Done. You will upload the `.p8` file and use the key ID in [Step 2. Configuring AWS for Push notifications in React Native](02_configure_push_in_aws.html).