mirror of
https://github.com/andwati/zitadel.git
synced 2026-11-06 22:32:16 +00:00
docs: fix callback URLs in SDK examples to match auth-library behavior (#11526)
This commit is contained in:
@@ -37,8 +37,8 @@ Before running this example, you need to create and configure a PKCE application
|
||||
|
||||
1. Create a new Web application in your [Zitadel project](https://zitadel.com/docs/guides/manage/console/projects)
|
||||
2. Configure it to use the PKCE authentication method
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:4321/api/auth/callback` for development)
|
||||
4. Configure post-logout redirect URIs (e.g., `http://localhost:4321/api/auth/logout/callback`)
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/api/auth/callback/zitadel` for development)
|
||||
4. Configure post-logout redirect URIs (e.g., `http://localhost:3000/api/auth/logout/callback`)
|
||||
5. Copy your **Client ID** from the application details
|
||||
|
||||
> **Note:** Make sure to enable **Dev Mode** in the [ZITADEL Management Console](https://zitadel.com/docs/guides/manage/console/overview) if you're using HTTP URLs during local development. For production deployments, always use HTTPS URLs and disable Dev Mode.
|
||||
@@ -50,16 +50,16 @@ Once you have your [Zitadel application configured](https://zitadel.com/docs/gui
|
||||
1. Clone the [repository](https://github.com/zitadel/example-auth-astro).
|
||||
2. Create a `.env` file based on `.env.example` and configure it with the values from your [Zitadel application](https://zitadel.com/docs/guides/manage/console/applications). Use these environment variable names exactly as shown:
|
||||
```
|
||||
PORT=4321
|
||||
PORT=3000
|
||||
SESSION_DURATION=3600
|
||||
SESSION_SECRET=your-very-secret-and-strong-session-key
|
||||
ZITADEL_DOMAIN=https://your-zitadel-instance.zitadel.cloud
|
||||
ZITADEL_CLIENT_ID=your_client_id_from_console
|
||||
ZITADEL_CLIENT_SECRET=your-randomly-generated-client-secret
|
||||
ZITADEL_CALLBACK_URL=http://localhost:4321/auth/callback
|
||||
ZITADEL_POST_LOGOUT_URL=http://localhost:4321/api/auth/logout/callback
|
||||
ZITADEL_CALLBACK_URL=http://localhost:3000/api/auth/callback/zitadel
|
||||
ZITADEL_POST_LOGOUT_URL=http://localhost:3000/api/auth/logout/callback
|
||||
AUTH_TRUST_HOST=true
|
||||
NEXTAUTH_URL=http://localhost:4321
|
||||
NEXTAUTH_URL=http://localhost:3000
|
||||
```
|
||||
Replace these values with:
|
||||
- Your actual [Zitadel instance URL](https://zitadel.com/docs/guides/manage/console/default-settings) (the **ZITADEL_DOMAIN**)
|
||||
@@ -67,7 +67,7 @@ Once you have your [Zitadel application configured](https://zitadel.com/docs/gui
|
||||
- A randomly generated **SESSION_SECRET** using: `node -e "console.log(require('crypto').randomBytes(32).toString('hex'))"`
|
||||
- A randomly generated **ZITADEL_CLIENT_SECRET** (required by Auth.js even though PKCE doesn't require it)
|
||||
- The **redirect URIs** you configured in the PKCE setup (must match exactly)
|
||||
3. Install dependencies using [npm](https://www.npmjs.com) by running `npm install`, then start the development server with `npm run dev` to verify the authentication flow end-to-end at `http://localhost:4321`.
|
||||
3. Install dependencies using [npm](https://www.npmjs.com) by running `npm install`, then start the development server with `npm run dev` to verify the authentication flow end-to-end at `http://localhost:3000`.
|
||||
|
||||
---
|
||||
|
||||
|
||||
@@ -37,7 +37,7 @@ Before running this example, you need to create and configure a PKCE application
|
||||
|
||||
1. Create a new Web application in your [Zitadel project](https://zitadel.com/docs/guides/manage/console/projects)
|
||||
2. Configure it to use the PKCE authentication method
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/auth/callback` for development)
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/auth/callback/zitadel` for development)
|
||||
4. Configure post-logout redirect URIs (e.g., `http://localhost:3000/auth/logout/callback`)
|
||||
5. Copy your **Client ID** for use in the next steps
|
||||
|
||||
@@ -57,9 +57,9 @@ Once you have your [Zitadel application configured](https://zitadel.com/docs/gui
|
||||
ZITADEL_DOMAIN=https://your-instance.zitadel.cloud
|
||||
ZITADEL_CLIENT_ID=your_client_id_from_console
|
||||
ZITADEL_CLIENT_SECRET=your-randomly-generated-client-secret
|
||||
ZITADEL_CALLBACK_URL=http://localhost:3000/auth/callback
|
||||
ZITADEL_CALLBACK_URL=http://localhost:3000/auth/callback/zitadel
|
||||
ZITADEL_POST_LOGIN_URL=/profile
|
||||
ZITADEL_POST_LOGOUT_URL=http://localhost:3000
|
||||
ZITADEL_POST_LOGOUT_URL=http://localhost:3000/auth/logout/callback
|
||||
```
|
||||
Replace these values with:
|
||||
- Your actual Zitadel instance URL (the **Issuer** from the PKCE setup guide)
|
||||
|
||||
@@ -37,7 +37,7 @@ Before running this example, you need to create and configure a PKCE application
|
||||
|
||||
1. Create a new Web application in your [Zitadel project](https://zitadel.com/docs/guides/manage/console/projects)
|
||||
2. Configure it to use the PKCE authentication method
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/auth/callback` for development)
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/auth/callback/zitadel` for development)
|
||||
4. Configure post-logout redirect URIs (e.g., `http://localhost:3000`)
|
||||
5. Copy your **Client ID** for use in the next steps
|
||||
6. Optionally enable [refresh tokens](https://zitadel.com/docs/apis/openidoauth/grant-types#refresh-token) in Token Settings for long-lived sessions
|
||||
@@ -58,9 +58,9 @@ Once you have your [Zitadel application](https://zitadel.com/docs/guides/manage/
|
||||
ZITADEL_DOMAIN=https://your-zitadel-domain
|
||||
ZITADEL_CLIENT_ID=your-zitadel-application-client-id
|
||||
ZITADEL_CLIENT_SECRET=
|
||||
ZITADEL_CALLBACK_URL=http://localhost:3000/auth/callback
|
||||
ZITADEL_CALLBACK_URL=http://localhost:3000/auth/callback/zitadel
|
||||
ZITADEL_POST_LOGIN_URL=/profile
|
||||
ZITADEL_POST_LOGOUT_URL=http://localhost:3000
|
||||
ZITADEL_POST_LOGOUT_URL=http://localhost:3000/auth/logout/callback
|
||||
```
|
||||
Replace these values with:
|
||||
- Your actual [Zitadel instance URL](https://zitadel.com/docs/guides/manage/console/default-settings) for `ZITADEL_DOMAIN` (the issuer)
|
||||
|
||||
@@ -35,7 +35,7 @@ Before running this example, you need to create and configure a PKCE application
|
||||
|
||||
1. Create a new Web application in your [Zitadel project](https://zitadel.com/docs/guides/manage/console/projects)
|
||||
2. Configure it to use the PKCE authentication method
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/auth/callback` for development)
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/auth/callback/zitadel` for development)
|
||||
4. Configure post-logout redirect URIs (e.g., `http://localhost:3000/auth/logout/callback`)
|
||||
5. Copy your **Client ID** for use in the next steps
|
||||
|
||||
@@ -55,9 +55,9 @@ Once you have your Zitadel application configured:
|
||||
ZITADEL_DOMAIN=https://your-instance.zitadel.cloud
|
||||
ZITADEL_CLIENT_ID=your_client_id_from_console
|
||||
ZITADEL_CLIENT_SECRET=
|
||||
ZITADEL_CALLBACK_URL=http://localhost:3000/auth/callback
|
||||
ZITADEL_CALLBACK_URL=http://localhost:3000/auth/callback/zitadel
|
||||
ZITADEL_POST_LOGIN_URL=/profile
|
||||
ZITADEL_POST_LOGOUT_URL=http://localhost:3000
|
||||
ZITADEL_POST_LOGOUT_URL=http://localhost:3000/auth/logout/callback
|
||||
```
|
||||
Replace these values with:
|
||||
- Your actual **Zitadel instance URL** (the Issuer from your [instance settings](https://zitadel.com/docs/guides/manage/console/default-settings))
|
||||
|
||||
@@ -39,7 +39,7 @@ Before running this example, you need to create and configure a PKCE application
|
||||
|
||||
1. Create a new Web application in your [Zitadel project](https://zitadel.com/docs/guides/manage/console/projects)
|
||||
2. Configure it to use the PKCE authentication method
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/auth/callback` for development)
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/auth/callback/zitadel` for development)
|
||||
4. Configure post-logout redirect URIs (e.g., `http://localhost:3000/auth/logout/callback`)
|
||||
5. Copy your **Client ID** for use in the next steps
|
||||
|
||||
@@ -62,7 +62,7 @@ Once you have your Zitadel application configured:
|
||||
ZITADEL_DOMAIN=https://your-instance.zitadel.cloud
|
||||
ZITADEL_CLIENT_ID=your_client_id_from_console
|
||||
ZITADEL_CLIENT_SECRET=your_randomly_generated_secret
|
||||
ZITADEL_CALLBACK_URL=http://localhost:3000/auth/callback
|
||||
ZITADEL_CALLBACK_URL=http://localhost:3000/auth/callback/zitadel
|
||||
ZITADEL_POST_LOGIN_URL=/profile
|
||||
ZITADEL_POST_LOGOUT_URL=http://localhost:3000/auth/logout/callback
|
||||
```
|
||||
|
||||
@@ -35,7 +35,7 @@ Before running this example, you need to create and configure a PKCE application
|
||||
|
||||
1. Create a new Web application in your [Zitadel project](https://zitadel.com/docs/guides/manage/console/projects)
|
||||
2. Configure it to use the PKCE authentication method
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/auth/callback` for development)
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/api/auth/callback/zitadel` for development)
|
||||
4. Configure post-logout redirect URIs (e.g., `http://localhost:3000/api/auth/logout/callback`)
|
||||
5. Copy your **Client ID** for use in the next steps
|
||||
|
||||
@@ -55,7 +55,7 @@ Once you have your [Zitadel application](https://zitadel.com/docs/guides/manage/
|
||||
ZITADEL_DOMAIN="https://your-zitadel-domain"
|
||||
ZITADEL_CLIENT_ID="your-client-id"
|
||||
ZITADEL_CLIENT_SECRET="your-randomly-generated-client-secret"
|
||||
ZITADEL_CALLBACK_URL="http://localhost:3000/auth/callback"
|
||||
ZITADEL_CALLBACK_URL="http://localhost:3000/api/auth/callback/zitadel"
|
||||
ZITADEL_POST_LOGIN_URL="/profile"
|
||||
ZITADEL_POST_LOGOUT_URL="http://localhost:3000/api/auth/logout/callback"
|
||||
NEXTAUTH_URL="http://localhost:3000"
|
||||
|
||||
@@ -37,7 +37,7 @@ Before running this example, you need to create and configure a PKCE application
|
||||
|
||||
1. Create a new Web application in your [Zitadel project](https://zitadel.com/docs/guides/manage/console/projects)
|
||||
2. Configure it to use the PKCE authentication method
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/auth/callback` for development)
|
||||
3. Set up your redirect URIs (e.g., `http://localhost:3000/auth/callback/zitadel` for development)
|
||||
4. Configure post-logout redirect URIs (e.g., `http://localhost:3000/auth/logout/callback`)
|
||||
5. Copy your **Client ID** for use in the next steps
|
||||
|
||||
@@ -55,7 +55,7 @@ Once you have your Zitadel application configured:
|
||||
ZITADEL_DOMAIN=https://your-instance.zitadel.cloud
|
||||
ZITADEL_CLIENT_ID=your_client_id_from_console
|
||||
ZITADEL_CLIENT_SECRET=your-randomly-generated-client-secret
|
||||
ZITADEL_CALLBACK_URL=http://localhost:3000/auth/callback
|
||||
ZITADEL_CALLBACK_URL=http://localhost:3000/auth/callback/zitadel
|
||||
ZITADEL_POST_LOGOUT_URL=http://localhost:3000/auth/logout/callback
|
||||
NEXTAUTH_URL=http://localhost:3000
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user