- Retrieve access tokens for a Google social connection.
- Integrate with an AI agent to call Google APIs.
Pick your tech stack
LangGraph.js + Next.js
Vercel AI + Next.js- LangGraph + FastAPI
- Vercel AI + React SPA
Prerequisites
Before getting started, make sure you have completed the following steps:1
Create an Auth0 Account
To continue with this quickstart, you need to have an Auth0 account.
2
Create an Auth0 Application
Go to your Auth0 Dashboard to create a new Auth0 Application.
- Navigate to Applications > Applications in the left sidebar.
- Click the Create Application button in the top right.
- In the pop-up select Regular Web Applications and click Create.
- Once the Application is created, switch to the Settings tab.
- Scroll down to the Application URIs section.
- Set Allowed Callback URLs as:
http://localhost:3000/auth/callback - Set Allowed Logout URLs as:
http://localhost:3000 - Click Save in the bottom right to save your changes.
3
Enable Token Vault Grant
Enable the Token Vault Grant for your Auth0 Application. Go to Applications > [Your Application] > Settings > Advanced > Grant Types and enable the Token Vault grant type.
4
Create an Auth0 API
- In your Auth0 Dashboard, go to Applications > APIs.
- Create a new API with an identifier (audience).
- Once API is created, go to the APIs Settings > Access Settings and enable Allow Offline Access.
- Note down the API identifier for your environment variables.
5
Create a Custom API Client
The Custom API Client allows your API server to perform token exchanges using access tokens instead of refresh tokens. This client enables Token Vault to exchange an access token for an external API access token (e.g., Google Calendar API).
- Navigate to Applications > APIs
- Click the Create API button to create a new Custom API.
- Go to the Custom API you created and click the Add Application button in the right top corner.
- After that click the Configure Application button in the right top corner.
- Note down the
client idandclient secretfor your environment variables.
6
Configure Google Social Integration
Set up a Google developer account that allows for third-party API calls by following the Google Social Integration instructions.
7
OpenAI Platform
Set up an OpenAI account and API key.
- Use sample app (recommended)
- Integrate into your app
Clone sample app
Clone this sample app from the Auth0 AI samples repository:Create your environment file
In the root directory of your project, create a new.env.local file and add the following content:.env.local
AUTH0_DOMAIN, AUTH0_CLIENT_ID, and AUTH0_CLIENT_SECRET, navigate to the Settings tab in the Auth0 Dashboard. You’ll find these values in the Basic Information section at the top.
Copy each value to the matching setting.Next, run this command to generate a random 32 byte value and copy it to the AUTH0_SECRET field:generate random 32 byte value
.env.local
Install packages
Ensure you havenpm installed or follow the instructions to install npm in its documentation.
In the root directory of your project, run the following command to install the required packages:Test your application
Start the application withnpm run all:dev. Then, navigate to http://localhost:3000.This opens LangGraph Studio in a new tab. You can safely close it.
Next steps
You have successfully added the ability to get access tokens for tool calling to your application. For next steps:- Call your APIs on user’s behalf docs.
- Learn more about Client-initiated account linking.
- Learn more about how Auth0’s Token Vault manages the tokens of supported identity providers.