Orchestration SDKs

Try out the Journey module for React Native

PingOne Advanced Identity Cloud PingAM React Native

In this quick start tutorial you configure the PingSampleApp React Native sample application to connect to your PingOne Advanced Identity Cloud tenant or PingAM server to authenticate a user.

The sample supports many of the callbacks used by authentication journeys in Advanced Identity Cloud and PingAM, including advanced use cases such as Device Binding, FIDO authentication, external IdP integration, and PingOne Protect.

The app runs natively on both iOS and Android from a single shared JavaScript codebase, using the Ping Identity React Native SDK.

Before you begin

Before you begin this tutorial ensure you have set up your development environment and configured your PingOne Advanced Identity Cloud tenant or PingAM server.

For example, you will need an OAuth 2.0 client application set up, as well as an authentication journey for the app to navigate.

Complete prerequisites

Step 1. Downloading the sample repo

Clone or download the Ping Identity React Native SDK repository from GitHub to get the PingSampleApp project.

Start step 1

Step 2. Preparing the projects

Install JavaScript dependencies, build the SDK packages, generate the Android signing keystore, and install iOS native dependencies with CocoaPods.

Start step 2

Step 3. Configuring connection properties

Create a .env file in the PingSampleApp directory and set the connection properties, such as the server URL, realm, cookie name, client ID, discovery endpoint, redirect URI, and scopes.

Start step 3

Step 4. Running and testing the app

Start the Metro bundler, launch the app on Android or iOS, authenticate as a demo user through a journey, view your tokens and user profile, then sign out.

Try it out