Kakao Provider
리소스
설정
콜백 URL
https://example.com/api/auth/callback/kakao
환경 변수
AUTH_KAKAO_ID
AUTH_KAKAO_SECRET
설정
https://developers.kakao.com/console/app 에서 프로바이더와 카카오 애플리케이션을 생성하세요. 카카오 로그인 설정에서 웹 앱을 활성화하고, 동의 항목을 변경한 후 콜백 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”는 위에 표시된 것처럼 전체 도메인을 포함하고 콜백 경로로 끝나야 합니다.
-
프로덕션 환경:
https://{YOUR_DOMAIN}/api/auth/callback/kakao
-
개발 환경:
http://localhost:3000/api/auth/callback/kakao
-
카카오의 클라이언트 키는 요약정보 탭의 App Keys 필드에 있습니다. (내 애플리케이션 > 앱 설정 > 요약정보)
- 카카오의 클라이언트 시크릿 키는 보안 탭의 App Keys 필드에 있습니다. (내 애플리케이션 > 제품 설정 > 카카오 로그인 > 보안)
- 카카오 개발자 콘솔의 오른쪽 상단에는 KR에서 ENG로 변경할 수 있는 버튼이 있습니다.