---
title: Step 4. Test the app
description: Prepare
component: sdks
version: latest
page_id: sdks:oidc:tutorials/javascript/pingone/04_running-sample-pingone-js
canonical_url: https://docs.pingidentity.com/sdks/latest/oidc/tutorials/javascript/pingone/04_running-sample-pingone-js.html
revdate: Thu, 24 Apr 2025 14:44:20 +0100
keywords: ["OAuth 2.0", "OpenID Connect", "Tutorial", "Source Code", "Integration", "SDK", "JavaScript"]
section_ids:
  run_the_sample: Run the sample
  recap: Recap
  more_information: More information
---

# Step 4. Test the app

* [Prepare](00_before-you-begin.html)

* [Download](01_downloading-forgerocksdk-core-project-js.html)

* [Install](02_configuring-forgerocksdk-core-project-js.html)

* [Configure](03_configuring-sample-for-pingone-js.html)

* **Run**

***

In the following procedure, you run the sample app that you configured in the previous step.

The sample connects to your PingOne server to obtain the correct URIs to authenticate the user, and redirects the browser to your PingOne server.

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

## Run the sample

1. In a terminal window, navigate to the `/javascript` folder in your `sdk-sample-apps` project.

2. To run the embedded login sample, enter the following:

   ```shell
   npm run start:central-login-oidc
   ```

3. In a web browser, navigate to the following URL:

   `https://localhost:8443`

   The sample displays a page with two buttons:

   ![Running the central login app](../../../../_images/js-central-sample-page-1-en.png)

4. Click Login.

   The sample app redirects the browser to your PingOne instance.

   |   |                                                                                                                                                                                                       |
   | - | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
   |   | To see the application calling the `authorize` endpoint, and the redirect back from PingOne with the `code` and `state` OAuth 2.0 parameters, open the Network tab of your browser's developer tools. |

5. Authenticate as a known user in your PingOne system.

   After successful authentication, PingOne redirects the browser to the client application.

   If the app displays the user information, authentication was successful:

   ![Successful OAuth 2.0 authentication](../../../../_images/pingone-central-login-success-en.png)

6. To revoke the OAuth 2.0 token, click the Sign Out button.

   The application redirects to the PingOne server to revoke the OAuth 2.0 token and end the session, and then returns to the URI specified by the `logoutRedirectUri` parameter of the `logout` method.

   In this tutorial, PingOne redirects users back to the client application, ready to authenticate again.

## Recap

Congratulations!

You have now used the Ping (ForgeRock) SDK for JavaScript to obtain an OAuth 2.0 access token on behalf of a user from your PingOne server.

You have seen how to obtain OAuth 2.0 tokens, and view the related user information.

## More information

* [API reference: `TokenManager`](https://developer.pingidentity.com/reference/sdks/javascript/api-reference-core-4-9/classes/token-manager.TokenManager.html)

* [API reference: `UserManager`](https://developer.pingidentity.com/reference/sdks/javascript/api-reference-core-4-9/classes/user-manager.UserManager.html)