跳至內容
正在從 NextAuth.js v4 遷移?請閱讀 我們的遷移指南.

Kakao 供應商

資源

設定

回呼 URL

https://example.com/api/auth/callback/kakao

環境變數

AUTH_KAKAO_ID
AUTH_KAKAO_SECRET

組態

https://developers.kakao.com/console/app 建立供應商和 Kakao 應用程式。在應用程式的設定中,在 Kakao Login 下,啟用 Web 應用程式,變更同意項目並設定回呼 URL。

/auth.ts
import NextAuth from "next-auth"
import Kakao from "next-auth/providers/kakao"
 
export const { handlers, auth, signIn, signOut } = NextAuth({
  providers: [Kakao],
})

注意事項

  • 建立憑證時使用的「授權重新導向 URI」必須包含您的完整網域,並以上述顯示的回呼路徑結尾。

스크린샷 2023-11-28 오후 9 27 41

  • 對於生產環境:https://{YOUR_DOMAIN}/api/auth/callback/kakao

  • 對於開發環境:https://127.0.0.1:3000/api/auth/callback/kakao

  • Kakao 的客戶端金鑰位於「**摘要(韓文寫作 요약정보)**」索引標籤的「應用程式金鑰欄位」中(我的應用程式 > 應用程式設定 > 摘要)

스크린샷 2023-11-28 오후 9 47 17

  • Kakao 的 clientSecret 金鑰位於「**安全性(韓文寫作 보안)**」索引標籤的「應用程式金鑰欄位」中(我的應用程式 > 產品設定 > Kakao Login > 安全性)

스크린샷 2023-11-28 오후 9 38 25

  • Kakao 開發人員控制台的右上角有一個按鈕可以從 KR 變更為 ENG
Auth.js © Balázs Orbán 和團隊 -2024