This tutorial walks you through updating the provided
embedded-login-davinci
sample app so that it connects to a PingOne tenant to authenticate a user using the
PingOne sign-on with sessions
DaVinci flow.
This flow allows users to register, authenticate, and verify their email address with PingOne.
For brevity, this quick start tutorial only supports basic username and password authentication.
For a more complete app experience that incorporates many more PingOne DaVinci collectors, try the
reactjs-todo-davinci
sample app.
Before you begin this tutorial ensure you have set up your PingOne instance with the required configuration.
For example, you will need an OAuth 2.0 client application set up.
Complete prerequisites
To start this tutorial, you need to download the SDK sample apps repo, which contains the projects you will use.
Start step 1
The sample projects need a number of dependencies that you can install by using the
npm
command.
For example, the Ping SDK for JavaScript itself is one of the dependencies.
Start step 2
In this step, you configure the "embedded-login" sample app to connect to the OAuth 2.0 application you created in PingOne Advanced Identity Cloud or PingAM.
Start step 3
The final step is to run the sample app. The sample connects to your server and walks through your authentication journey or tree.
After successful authentication, the sample obtains an OAuth 2.0 access token and displays the related user information.
Test app