[Supabase & React] - 회원가입 #사용자 관리 튜토리얼(1)

💡 auth.users

Supabase로 회원가입을 할 때 일반 테이블에 데이터를 바로 저장하지 않고, `auth.users`에 저장을 할 수가 있다. 회원 정보에 대한 보안 처리가 되어있는 테이블이다. 기본적으로 email, password, phone... 등의 정보를 저장할 수 있으며 password 컬럼은 보안처리가 기본으로 되어있다.

 

📍 회원가입

방법은 매우 간단하다. 아래 함수만 실행 하면 가입이 완료 된다.

const signupFunction = async () => {
  const { user, session, error } = await supabase.auth.signUp({
    email: "example@email.com",
    password: "example-password",
  });
};

 

데이터 확인

회원가입한 유저의 정보는 프로젝트의 Authentication에서 확인이 가능하다. 

 

Provider

회원가입을 할 때 어떤 항목을 id로 사용할지에 대한 설정을 할 수 있다. (email, phone, OAuth 등)

기본 설정은 email로 되어 있으며 핸드폰 번호나, OAuth를 사용하고 싶으면 설정을 변경하면 된다. (email이 아닌 다른 방법으로 로그인 하고 싶다면 찾아서 해보십쇼.)

Authentication -> Providers 메뉴

 

🚨 Too Many Requests 에러

실제 프로덕션 사이트가 아니고, 일반 학습용 정도의 프로젝트에서는 Provider - Email의 `Confirm email` 을 비활성화 해주자. 이게 켜져 있으면 회원가입할 때 실제 이메일로 인증 메일을 보내고, 수락을 해야 회원가입이 완료 된다. 

좋아 보이지만 무료 요금제는 하루에 몇 건 인증을 안해주니(시간당 3건인가?) 그냥 끄도록 하자. 

 

1. Authentication -> Providers메뉴 이동

2. `Email` 선택

3. `Confirm email` 끄기

4. save