取得 OAuth 認證 Client ID 和 Client Secret的方式

要獲得 Google OAuth 的 Client ID 和 Client Secret，您需要到 Google Cloud Console 進行設定。以下是具體的步驟：

第一步：建立 Google Cloud 專案

  1. 前往 Google Cloud Console。
  2. 點擊左上角的專案選擇器，選擇 「新專案」(New Project)。
  3. 輸入專案名稱（例如：EventCenter-Auth），然後點擊 「建立」。

第二步：設定 OAuth 同意畫面 (OAuth Consent Screen)

在獲得憑證前，必須先設定使用者登入時看到的畫面：

  1. 在左側選單選擇 「API 和服務」 > 「OAuth 同意畫面」。
  2. 選擇 「外部」(External)（如果您希望任何 Google 帳號都能登入）或 「內部」（如果您有 Google Workspace 組織帳號）。
  3. 填寫必要資訊：
  • 應用程式名稱：例如 EventCenter。
  • 使用者支援電子郵件：您的 Gmail。
  • 開發者聯絡資訊：您的電子郵件。
  1. 點擊「儲存並繼續」，直到完成設定（範圍 Scopes 部分通常保持預設的 email, profile 即可）。

第三步：建立憑證 (Credentials)

  1. 在左側選單點擊 「憑證」。
  2. 點擊上方的 「+ 建立憑證」 > 「OAuth 客戶端 ID」。
  3. 應用程式類型選擇 「網頁應用程式」(Web Application)。
  4. 名稱：自訂（例如 NextAuth-Client）。
  5. 已授權的 JavaScript 來源：
  • 開發環境：http://localhost:9000（或是您目前運行的 Port）。
  1. 已授權的重新導向 URI（最重要）：
  • 如果您之後使用 NextAuth.js，請填入：http://localhost:9000/api/auth/callback/google
  1. 點擊 「建立」。

第四步：取得金鑰

建立成功後，彈出的視窗就會顯示您的：

  • 您的客戶端 ID (Client ID)
  • 您的客戶端密鑰 (Client Secret)
Post Views: 19