supabase 소셜로그인(kakao) 인증키

supabase 소셜로그인 kakao 인증키 받는법

supabase Docs에 잘 나와있지만 로그인기능 구현은 처음이라 기록 겸 남겨볼려고 한다.
이후 로그인을 다 구현하면 코드까지 이어붙여보겠다.

supabase Docs는 아래링크를 참고하면 된다.
https://supabase.com/docs/guides/auth/social-login/auth-kakao

---

supabase Kakao 소셜로그인

1. kakao developers(https://developers.kakao.com/)에 들어가서 로그인을 한 후 내 애플리케이션에 들어간다.

2. 애플리케이션 추가하기를 눌러서 필요 내용을 입력 후 애플리케이션을 생성한다.
   

3. 생성된 애플리케이션을 누르면 REST key가 생성된 모습이 보인다.
   

4. supabase로 넘어가서 소셜로그인을 사용하려는 프로잭트에 Authentication -> Providers -> KaKao 순서대로 클릭한다.
   

5. Kakao enbled 버튼을 클릭해서 활성화 시켜준 후 kakao developers에서 발급받았던 REST API Key를 REST API Key에 입력해준다.
   

6. 위 사진에서 보이는 callback URL(for OAuth)를 복사해서
   다시 kakao developer로 넘어온다

7. 메뉴의 카카오 로그인을 클릭한다.
   

8. 아래 사진과 같이 활성화 설정, OpenId Connect 활성화 설정을 on으로 만들어 주고 Redirect URL에 supabase에서 복사해놨던 callback URL(for OAuth)를 붙여 넣어준 후 저장한다.
   

9. 그 다음 보안으로 넘어가서
   

10. Client Secret key를 발급받는다.
    

11. 10번에서 발급받은 Client Secret key를 복사해서 supabase로 다시 넘어와 Client Secret Code에 붙여 넣은 후 Save를 누르면 완료이다.
    

---

+2024.01.13

추가로 카카오 로그인 > 동의항목에 들어가 원하는 개인정보를 필요에 따라 필수동의, 선택동의 등으로 변경해주는 것도 필요하다! 이 단계를 깜박하면 KOE205의 에러를 얻을 수 있음..

밑에 권한없음 목록 들은 어떻게 권한을 얻을 수 있는지 몰라 필자도 찾아보는 중.. 권한이 있는목록들은 필수동의로 만들어놨지만 supabase에서 요구하는 값이 다 없어서인지 여전히 KOE205오류 표출 중.. 권한을 얻는 방법을 찾게되면 또 포스팅 하겠다..!

+2024.01.14
권한이 없는 목록의 권한을 얻어오려면 카카오싱크 신청시 사용할 수 있다고 한다.
하지만 카카오 싱크를 사용하고자 하면 '카카오디벨로퍼스 비즈 앱'과 '카카오톡 채널의 비즈니스 채널' 있어야 하는데 카카오벨로퍼스 비즈 앱의 경우 사업자등록정보가 있어야 전환이 가능하다. 프로잭트를 진행중인 나는 당연히 사업자등록번호등의 정보는 없다..! ㅠ 팀원들과 다시 카카오로그인 기능에대한 이야기를 나눠봐야 할 것 같다 ㅜ