<aside> 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기

제 강의를 수강하시는 모든 분들은 슬랙 채널에 들어오실 수 있습니다. 슬랙에 들어오시면 더 빠르게 질문에 답변을 받아보실 수 있어요! 😉

</aside>

https://github.com/lopun/inflearn-supabase-netflix-clone/commit/d43eec76cadf6edb64b0f4494f88f7b28ff98358

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