supabase - Auth 인증, RLS 정책

• supabase 프로젝트 내에 Authentication 클릭

• 세부 메뉴 중 Provider 에 들어가면 다양한 로그인 연동 방식들을 통해 auth 인증 가능

Github를 통한 Auth 기능 구현

• github auth 기능을 enable 하여 사용하려고 하면 ID와 Secret가 필요
  
  
  
  
  
  

• 해당 ID와 Secret 값을 얻기 위해 github의 setting으로 이동

• oAuth Apps 항목으로 이동 후 새로운 Auth application 생성

• 이름, 홈페이지 url, callbackUrl 입력 후 어플리케이션 생성
  
  -HompageUrl 은 이후 배포 시 해당 주소에 맞게 변경해 줄 필요가 있음
  
  -callbackUrl은 gitHub에서 유효한 사용자임을 인증완료 후 다음 과정을 supabase에게 위임하는 과정에서 필요한 주소(supabase 쪽으로 redirection 되어 나머지 과정을 처리)
  

• 이후 Client secrets 를 생성하여 ID값과 Secret 값을 얻음
  Secret은 민감한 정보임으로 외부에 노출되지 않도록 해야 함
  
  
  
  
  
  

• 얻어낸 ID값과 Secret을 입력해서 Github Auth 를 내 supabase 프로젝트에 등록완료
  
  
  
  
  
  

Auth 관련 코드 Docs

• API Docs 내의 User Management 탭 내에서 Auth 로그인 기능 관련 예시코드 확인 가능

Redirect Url 허용하기

• Authentication 탭의 URL Configuration 으로 이동

• Redirect URL에 홈페이지 주소 입력

• 이 과정을 통해 현재 사용되는 Auth 인증에 내 홈페이지 URL을 등록하고 해당 url을 허용하여 정상적인 로그인이 진행됨
  
  - CallbackURL = 외부로부터 인증완료후 해당 결과를 supabase로 보내기 위해 필요한 URL
  - RedirectURL = 인증완료 후 각 결과값을 가지고 redirection, 즉 이동할 페이지 경로에 대한 URL
  

• 위와 같이 supabase로 oAuth 로그인을 진행하는 로직함수를 작성 후 이를 로그인 버튼에 바인딩

• 이후 로그인 버튼을 클릭하면 위와 같이 github 로그인 창으로 이동되고, 로그인 후 redirection 경로로 redirect 하게 됨