Supabase Auth

• Supabase Auth는 다양한 인증 방식을 지원하는 인증 시스템입니다.
• 사용자 인증 및 권한 관리를 제공합니다.
• 이메일 인증, Magic Link를 통한 비밀번호 없는 로그인, 전화번호를 통한 로그인, 소셜 로그인, 그리고 기업용 SSO 등 다양한 방법으로 사용자 인증을 지원합니다.
• 19가지 이상의 소셜 로그인 방식도 지원하며, Facebook, Google, GitHub, 카카오(Kakao), Slack 등의 서비스를 이용하여 로그인할 수 있습니다.
• 전화번호 인증은 Twilio 등의 외부 Provider를 사용하여 진행 가능합니다.
• 인증 방식은 JWT나 Session을 사용하여 설정할 수 있습니다.
• next.js를 사용하는 경우, 별도의 설정 문서를 통해 Supabase Auth 설정을 진행할 수 있습니다.
• Supabase Auth를 통해 웹사이트에 간편하게 사용자 인증 기능을 추가할 수 있습니다.

회원가입

1. Confirmation URL 방식

• Web Client → Supabase로 회원가입 요청

• Supabase에서 회원가입 처리 + 인증 링크가 담긴 이메일 전송

  • {.ConfirmationUrl} 템플릿 활용

    

• 유저는 이메일로 전송된 인증 링크를 클릭

  • 인증 링크 = https://***.supabase.co/auth/v1/verify?token={tokenHash}&redirect_to=http://localhost:3000/
  • supabase 서버에서 본인 인증을 마치고 redirect_to에 적힌 링크로 돌아온다. 이 때 code라는 searchParam을 전송
  • http://localhost:3000/?code=1234-1234-1234-1234

• Web Client에서는 전송받은 code값을 활용해서 로그인 세션을 획득

  • supabase.auth.exchangeCodeForSession(code)

• 로그인까지 자동으로 완료