Retrieve Access Token
In this guide, you’ll exchange the authorization code for an access token. Access tokens are required for making API requests to Chart endpoints.
Now that you have successfully integrated Chart Connect into your application’s frontend and obtained an authorization code, you will need to exchange it for an access token. Access tokens are required for making API requests to Chart’s various endpoints. In this step, you’ll set up a secure server-side process to exchange the authorization code for an access token.
-
Create a server-side “callback” endpoint: Set up a secure server-side endpoint in your application to handle the exchange of authorization codes for access tokens. This endpoint should be accessible only by your application’s backend to ensure the security of the process. This endpoint will receive the authorization code as a query parameter from your frontend and communicate with Chart’s API to obtain the access token. Example:
https://example.com/api/chart/callback
.You can reuse this same endpoint to support a Redirect Chart Connect flow as well. Just make sure to add the
redirect_uri
to the whitelist in your Chart Developer Dashboard. -
Exchange the authorization code for an access token: In your server-side code, make a POST request to the
/auth/token
endpoint. The request should include the following fields in the request body’s JSON payload:client_id
: Your unique client ID from the Chart developer dashboard.client_secret
: Your unique client secret from the Chart developer dashboard.code
: The authorization code obtained from Chart Connect in the Set Up Chart Connect.redirect_uri
(optional): If using the Redirect Chart Connect Flow, include theredirect_uri
This is the same redirect URI you used when setting up Chart Connect. If you using Embedded Flow, do not includeredirect_uri
in the payload.
Token exchange example -
Handle the response: Chart’s
/auth/token
endpoint will respond with a JSON object containing anaccess_token
if the request is successful. Parse the JSON response body and extract theaccess_token
. -
Securely store the access token: It is critical to store access tokens securely, as they grant access to sensitive user data. Implement a secure storage solution to store access tokens, treating them with the same level of security as passwords. Do not log or expose access tokens to your frontend application. Storing access tokens is covered in more depth in Store Tokens.
-
Handle errors: If the
/auth/token
endpoint returns an error, your server-side code should handle it gracefully. Common error scenarios include invalid or expired authorization codes, incorrect client IDs or secrets, or mismatched redirect URIs. Display a helpful error message to the user or retry the authentication flow as needed.
Checkpoint + Next Step
After completing this step, your application will be able to exchange authorization codes for access tokens securely and automatically. You are ready to use the access token to make API requests to Chart’s various endpoints.
Was this page helpful?