Supabase 에서 카카오 로그인 설정

https://supabase.com/docs/guides/auth/social-login/auth-kakao

Login with Kakao | Supabase Docs

 

 

Supabase에서 카카오 로그인(OIDC 기반) 을 설정하려면, 아래 단계에 따라 진행하시면 됩니다. Supabase는 OIDC 프로토콜을 지원하므로, 카카오디벨로퍼스에서 카카오 로그인 OIDC 설정을 하고 Supabase에 연결하면 됩니다.

 

1. 카카오 애플리케이션 등록

1. 카카오 개발자센터 로그인
2. 내 애플리케이션 → 애플리케이션 추가
3. 앱 이름, 아이콘, 사업자명 입력하고 생성

➤ 플랫폼 설정

- JavaScript SDK에서 API 호출 검증 시: [앱] > [플랫폼 키] > [JavaScript 키] > [JavaScript SDK 도메인]
- 제품(카카오톡 메시지/공유 등) 링크 설정 시: [앱] > [제품 링크 관리] > [웹 도메인]

• 각 도메인에 Supabase URL 입력
  예: https://your-project.supabase.co

- 클라이언트 시크릿 : [앱] > [플랫폼 키] > [REST API 키] : 상세

 

2. Supabase에 OIDC Provider 등록

* 프로젝트 생성 -> Authentication

or

* Github 프로젝트 생성 -> vercel.com에 연동 및 배포 -> Storage에 supabase.com 연동 -> Authentication

Supabase 프로젝트 설정에서 다음과 같이 입력합니다:

1. Supabase → Authentication → Sign In / Up → Providers 
2. 앱키 설정 및 Redirect URI: (자동 생성됨) 확인