Orchestration SDKs

OIDC sign-on to PingOne Advanced Identity Cloud tutorial for JavaScript

PingOne Advanced Identity Cloud JavaScript

In this tutorial you update a sample app that uses OIDC-based sign-on to obtain tokens by redirecting to the PingOne Advanced Identity Cloud UI for authentication.

The sample connects to the .well-known endpoint of your PingOne Advanced Identity Cloud tenant to obtain the correct URIs to authenticate the user, and redirects to your PingOne Advanced Identity Cloud tenant’s login UI.

After authentication, PingOne Advanced Identity Cloud redirects the browser back to your application, which then obtains an OAuth 2.0 access token and displays the related user information.

Before you begin

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

For example, you will need to have an OAuth 2.0 client application set up, and a demo user to authenticate.

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 connection properties

In this step, you configure the sample apps to connect to the OAuth 2.0 applications you created in PingOne Advanced Identity Cloud.

Start step 2

Step 3. Test the app

To test the apps, run the samples that you configured in the previous step.

The samples connect to your PingOne Advanced Identity Cloud tenant to obtain the correct URIs to authenticate the user, and redirects the browser to your PingOne Advanced Identity Cloud tenant.

After authentication, PingOne Advanced Identity Cloud redirects the browser back to your application, which then obtains an OAuth 2.0 access token.

Test app