Skip to content

OAuth 設定指南 ​

Google OAuth ​

1. 建立 OAuth Client ​

  1. 前往 Google Cloud Console
  2. 建立 OAuth 2.0 Client ID
  3. 應用類型:Web application

2. 設定 Redirect URI ​

環境URI
本地開發http://localhost:3010/auth/google
Productionhttps://your-domain.com/auth/google

3. 環境變數 ​

bash
NUXT_OAUTH_GOOGLE_CLIENT_ID=your-client-id.apps.googleusercontent.com
NUXT_OAUTH_GOOGLE_CLIENT_SECRET=your-client-secret

LINE OAuth(可選) ​

1. 建立 LINE Login Channel ​

  1. 前往 LINE Developers Console
  2. 建立 Provider → 建立 LINE Login Channel
  3. 啟用 Web app

2. 設定 Callback URL ​

格式同 Google,路徑改為 /auth/line

3. 環境變數 ​

bash
NUXT_OAUTH_LINE_CLIENT_ID=your-channel-id
NUXT_OAUTH_LINE_CLIENT_SECRET=your-channel-secret

注意事項 ​

  • Redirect URI 必須完全匹配(包含 protocol 和 port)
  • 本地開發使用 http://localhost:3010,不要用 127.0.0.1
  • 新增 OAuth provider 後,需同時更新:
    1. .env / .env.example
    2. nuxt.config.ts runtimeConfig
    3. CI/CD secrets
    4. Cloudflare Workers secrets

Docs powered by VitePress