docs/content/docs/plugins/oidc-provider.mdx
The OIDC Provider Plugin enables you to build and manage your own OpenID Connect (OIDC) provider, granting full control over user authentication without relying on third-party services like Okta or Azure AD. It also allows other services to authenticate users through your OIDC provider.
Key Features:
refresh_token grant.Add the OIDC plugin to your auth config. See [Configuration Section](#configuration) on how to configure the plugin.
```ts title="auth.ts"
import { betterAuth } from "better-auth";
import { oidcProvider } from "better-auth/plugins"; // [!code highlight]
const auth = betterAuth({
plugins: [
oidcProvider({ // [!code highlight]
loginPage: "/sign-in", // path to the login page // [!code highlight]
// ...other options // [!code highlight]
}) // [!code highlight]
]
})
```
Run the migration or generate the schema to add the necessary fields and tables to the database.
<Tabs items={["migrate", "generate"]}>
<Tab value="migrate">
```package-install
npx auth migrate
```
</Tab>
<Tab value="generate">
```package-install
npx auth generate
```
</Tab>
</Tabs>
See the [Schema](#schema) section to add the fields manually.
Add the OIDC client plugin to your auth client config.
```ts title="auth-client.ts"
import { createAuthClient } from "better-auth/client";
import { oidcClient } from "better-auth/client/plugins" // [!code highlight]
const authClient = createAuthClient({
plugins: [
oidcClient({ // [!code highlight]
// Your OIDC configuration // [!code highlight]
}) // [!code highlight]
]
})
```
Once installed, you can utilize the OIDC Provider to manage authentication flows within your application.
To register a new OIDC client, use the oauth2.register method on the client or auth.api.registerOAuthApplication on the server.
Once the application is created, you will receive a client_id and client_secret that you can display to the user.
For first-party applications and internal services, you can configure trusted clients directly in your OIDC provider configuration. Trusted clients bypass database lookups for better performance and can optionally skip consent screens for improved user experience.
import { betterAuth } from "better-auth";
import { oidcProvider } from "better-auth/plugins";
const auth = betterAuth({
plugins: [
oidcProvider({
loginPage: "/sign-in",
trustedClients: [
{
clientId: "internal-dashboard",
clientSecret: "secure-secret-here",
name: "Internal Dashboard",
type: "web",
redirectUrls: ["https://dashboard.company.com/auth/callback"],
disabled: false,
skipConsent: true, // Skip consent for this trusted client
metadata: { internal: true }
},
{
clientId: "mobile-app",
clientSecret: "mobile-secret",
name: "Company Mobile App",
type: "native",
redirectUrls: ["com.company.app://auth"],
disabled: false,
skipConsent: false, // Still require consent if needed
metadata: {}
}
]
})]
})
The OIDC Provider includes a UserInfo endpoint that allows clients to retrieve information about the authenticated user. This endpoint is available at /oauth2/userinfo and requires a valid access token.
import { auth } from "@/lib/auth";
const userInfo = await auth.api.oAuth2userInfo({
headers: {
authorization: "Bearer ACCESS_TOKEN"
}
});
// userInfo contains user details based on the scopes granted
Third-party OAuth clients can call the UserInfo endpoint using standard HTTP requests:
const response = await fetch('https://your-domain.com/api/auth/oauth2/userinfo', {
headers: {
'Authorization': 'Bearer ACCESS_TOKEN'
}
});
const userInfo = await response.json();
Returned claims based on scopes:
openid scope: Returns the user's ID (sub claim)profile scope: Returns name, picture, given_name, family_nameemail scope: Returns email and email_verifiedThe getAdditionalUserInfoClaim function receives the user object, requested scopes array, and the client, allowing you to conditionally include claims based on the scopes granted during authorization. These additional claims will be included in both the UserInfo endpoint response and the ID token.
import { betterAuth } from "better-auth";
import { oidcProvider } from "better-auth/plugins";
export const auth = betterAuth({
plugins: [
oidcProvider({
loginPage: "/sign-in",
getAdditionalUserInfoClaim: async (user, scopes, client) => {
const claims: Record<string, any> = {};
// Add custom claims based on scopes
if (scopes.includes("profile")) {
claims.department = user.department;
claims.job_title = user.jobTitle;
}
// Add claims based on client metadata
if (client.metadata?.includeRoles) {
claims.roles = user.roles;
}
return claims;
}
})
]
});
When a user is redirected to the OIDC provider for authentication, they may be prompted to authorize the application to access their data. This is known as the consent screen. By default, Better Auth will display a sample consent screen. You can customize the consent screen by providing a consentPage option during initialization.
Note: Trusted clients with skipConsent: true will bypass the consent screen entirely, providing a seamless experience for first-party applications.
import { betterAuth } from "better-auth";
import { oidcProvider } from "better-auth/plugins";
export const auth = betterAuth({
plugins: [
oidcProvider({
consentPage: "/path/to/consent/page"
})
]
})
The plugin will redirect the user to the specified path with consent_code, client_id and scope query parameters. You can use this information to display a custom consent screen. Once the user consents, you can call oauth2.consent to complete the authorization.
The consent endpoint supports two methods for passing the consent code:
Method 1: URL Parameter
import { authClient } from "@/lib/auth-client"
// Get the consent code from the URL
const params = new URLSearchParams(window.location.search);
// Submit consent with the code in the request body
const consentCode = params.get('consent_code');
if (!consentCode) {
throw new Error('Consent code not found in URL parameters');
}
const res = await authClient.oauth2.consent({
accept: true, // or false to deny
consent_code: consentCode,
});
Method 2: Cookie-Based
import { authClient } from "@/lib/auth-client"
// The consent code is automatically stored in a signed cookie
// Just submit the consent decision
const res = await authClient.oauth2.consent({
accept: true, // or false to deny
// consent_code not needed when using cookie-based flow
});
Both methods are fully supported. The URL parameter method works well with mobile apps and third-party contexts, while the cookie-based method provides a simpler implementation for web applications.
When a user is redirected to the OIDC provider for authentication, if they are not already logged in, they will be redirected to the login page. You can customize the login page by providing a loginPage option during initialization.
import { betterAuth } from "better-auth";
export const auth = betterAuth({
plugins: [
oidcProvider({
loginPage: "/sign-in"
})
]
})
You don't need to handle anything from your side; when a new session is created, the plugin will handle continuing the authorization flow.
Customize the OIDC metadata by providing a configuration object during initialization.
import { betterAuth } from "better-auth";
import { oidcProvider } from "better-auth/plugins";
export const auth = betterAuth({
plugins: [
oidcProvider({
metadata: {
issuer: "https://your-domain.com",
authorization_endpoint: "/custom/oauth2/authorize",
token_endpoint: "/custom/oauth2/token",
// ...other custom metadata
}
})
]
})
The OIDC Provider plugin can integrate with the JWT plugin to provide asymmetric key signing for ID tokens verifiable at a JWKS endpoint.
To make your plugin OIDC compliant, you MUST disable the /token endpoint, the OAuth equivalent is located at /oauth2/token instead.
import { betterAuth } from "better-auth";
import { oidcProvider } from "better-auth/plugins";
import { jwt } from "better-auth/plugins";
export const auth = betterAuth({
disabledPaths: [
"/token",
],
plugins: [
jwt(), // Make sure to add the JWT plugin
oidcProvider({
useJWTPlugin: true, // Enable JWT plugin integration
loginPage: "/sign-in",
// ... other options
})
]
})
If you want to allow clients to register dynamically, you can enable this feature by setting the allowDynamicClientRegistration option to true.
const auth = betterAuth({
plugins: [
oidcProvider({
allowDynamicClientRegistration: true,
})
]
})
This will allow clients to register using the /register endpoint to be publicly available.
The OIDC Provider plugin adds the following tables to the database:
Table Name: oauthApplication
export const oauthApplicationTableFields = [ { name: "id", type: "string", description: "Database ID of the OAuth client", isPrimaryKey: true, }, { name: "clientId", type: "string", description: "Unique identifier for each OAuth client", isUnique: true, }, { name: "clientSecret", type: "string", description: "Secret key for the OAuth client. Optional for public clients using PKCE.", isOptional: true, }, { name: "icon", type: "string", description: "Icon of the OAuth client", isOptional: true, }, { name: "name", type: "string", description: "Name of the OAuth client", }, { name: "redirectUrls", type: "string", description: "Comma-separated list of redirect URLs", }, { name: "metadata", type: "string", description: "Additional metadata for the OAuth client", isOptional: true, }, { name: "type", type: "string", description: "Type of OAuth client (e.g., web, mobile)", }, { name: "disabled", type: "boolean", description: "Indicates if the client is disabled", isOptional: true, }, { name: "userId", type: "string", description: "ID of the user who owns the client. (optional)", isOptional: true, isForeignKey: true, references: { model: "user", field: "id", onDelete: "cascade" }, }, { name: "createdAt", type: "Date", description: "Timestamp of when the OAuth client was created", }, { name: "updatedAt", type: "Date", description: "Timestamp of when the OAuth client was last updated", }, ];
<DatabaseTable name="oauthApplication" fields={oauthApplicationTableFields} />Table Name: oauthAccessToken
export const oauthAccessTokenTableFields = [ { name: "id", type: "string", description: "Database ID of the access token", isPrimaryKey: true, }, { name: "accessToken", type: "string", description: "Access token issued to the client", isUnique: true, }, { name: "refreshToken", type: "string", description: "Refresh token issued to the client", isUnique: true, }, { name: "accessTokenExpiresAt", type: "Date", description: "Expiration date of the access token", }, { name: "refreshTokenExpiresAt", type: "Date", description: "Expiration date of the refresh token", }, { name: "clientId", type: "string", description: "ID of the OAuth client", isForeignKey: true, references: { model: "oauthApplication", field: "clientId", onDelete: "cascade" }, }, { name: "userId", type: "string", description: "ID of the user associated with the token", isOptional: true, isForeignKey: true, references: { model: "user", field: "id", onDelete: "cascade" }, }, { name: "scopes", type: "string", description: "Comma-separated list of scopes granted", }, { name: "createdAt", type: "Date", description: "Timestamp of when the access token was created", }, { name: "updatedAt", type: "Date", description: "Timestamp of when the access token was last updated", }, ];
<DatabaseTable name="oauthAccessToken" fields={oauthAccessTokenTableFields} />Table Name: oauthConsent
export const oauthConsentTableFields = [ { name: "id", type: "string", description: "Database ID of the consent", isPrimaryKey: true, }, { name: "userId", type: "string", description: "ID of the user who gave consent", isForeignKey: true, references: { model: "user", field: "id", onDelete: "cascade" }, }, { name: "clientId", type: "string", description: "ID of the OAuth client", isForeignKey: true, references: { model: "oauthApplication", field: "clientId", onDelete: "cascade" }, }, { name: "scopes", type: "string", description: "Comma-separated list of scopes consented to", }, { name: "consentGiven", type: "boolean", description: "Indicates if consent was given", }, { name: "createdAt", type: "Date", description: "Timestamp of when the consent was given", }, { name: "updatedAt", type: "Date", description: "Timestamp of when the consent was last updated", }, ];
<DatabaseTable name="oauthConsent" fields={oauthConsentTableFields} />allowDynamicClientRegistration: boolean - Enable or disable dynamic client registration.
metadata: OIDCMetadata - Customize the OIDC provider metadata.
loginPage: string - Path to the custom login page.
consentPage: string - Path to the custom consent page.
trustedClients: (Client & { skipConsent?: boolean })[] - Array of trusted clients that are configured directly in the provider options. These clients bypass database lookups and can optionally skip consent screens.
getAdditionalUserInfoClaim: (user: User, scopes: string[], client: Client) => Record<string, any> - Function to get additional user info claims.
useJWTPlugin: boolean - When true, ID tokens are signed using the JWT plugin's asymmetric keys. When false (default), ID tokens are signed with HMAC-SHA256 using the application secret.
schema: AuthPluginSchema - Customize the OIDC provider schema.