Configure a Single-Page Application with PKCE and an AuthCode Grant
This activity shows you how to create an single-page application, configure its connection settings to use Proof Key for Code Exchange (PKCE) parameters in the authorization request for the authorization code grant, and initiate an authorization request.
The following operations are supported by the PingOne APIs:
-
Create an application
-
Create a user
-
Initiate an authorization code flow and use PKCE to authenticate the token request
Prerequisites
Get an access token from the worker application that you created in Create an admin Worker app connection. To get a token from a different worker application in an alternate sandbox environment, run the token request endpoint using the client ID and client secret of your chosen worker app to authenticate the request. For more information, refer to Get a PingOne admin access token.
Workflow order of operations
To configure a single-page application and initiate an authentication flow, the following tasks must be completed successfully:
-
Make a
POSTrequest to/environments/{{envID}}/applicationsto add a new application to the specified environment. -
Make a
POSTrequest to/environments/{{envID}}/populationsto create a new population resource. -
Make a
POSTrequest to/environments/{{envID}}/usersto create a user who will be assigned to the new population resource. -
Make a
POSTrequest to/environments/{{envID}}/users/{{userID}}/passwordto set the new user’s password. -
Make a
POSTrequest to/{{envID}}/as/authorizeto obtain an authorization grant. This request starts the authorization flow. -
To initiate the authentication flow, make a
GETrequest toGET /{{envID}}/flows/{{flowID}}. -
To complete the authentication flow, make a
POSTrequest toGET /{{envID}}/flows/{{flowID}}and provide the user’s login credentials. -
Make a
GETrequest to/{{envID}}/as/resume?flowId={{flowID}}to call the resume endpoint and return the token. -
Make a
POSTrequest to/{{envID}}/as/tokento exchange the auth code for an access token.
Click the Run in Postman button below to fork, or download and import, the Postman collection for this workflow to your workspace.