Authentication journey tutorial for a React Native app

This tutorial covers the basics of running a protected mobile app with React Native.

Ping Identity does not provide a React Native version of the Ping SDK. Instead we present this example of "bridge code" for connecting the Ping SDK for Android and iOS to the React Native layer.

This guide covers how to implement the following application features using the Ping SDKs:

Authentication through a simple journey/tree.
Requesting OAuth/OIDC tokens.
Requesting user information.
Logging a user out.

Figure 1. The to-do sample app

Before you begin

Before you begin this tutorial ensure you have set up your PingOne Advanced Identity Cloud tenant or PingAM server with the required configuration.

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

Complete prerequisites

Step 1. Download the samples

To start this tutorial, you need to download the SDK sample apps repo, which contains the projects you will use.

Start step 1

Step 2. Configure the projects

In this step you install the dependencies the projects require.

Start step 2

Step 3. Configure connection properties

In this step, you configure the samples to connect to the authentication tree/journey and OAuth 2.0 client you created when setting up your server configuration.

Start step 3

Step 4. Build and run the apps

Build and run the apps, and try out the API backend by creating and editing todo items.

Start step 4