firebase - auth

O auth에 이어서 직접 회원 관리를 할 수 있는 auth 기능을 추가로 넣을 수 있다.

O auth 처럼 firebase console에서 이메일/비밀번호를 사용 설정으로 켜두어야 한다. 그래야 firebase에서 제공하는 메소드를 사용 할 수 있다.

 

firebase 파일에 firebase.auth()를 변수로 내보내는 작업을 해주고, 필요한 곳에서 받을 수 있도록 한다.

fbase.js

그리고 email, password를 받아서 .createUserWithEmailAndPassword에 인자로 email과 password를 보내준다. 

로그인을 할 때는 signInWithEmailAndPassword에 인자로 email, password를 넣어주어서 로그인을 할 수 있다. 만약 이전에 가입되어 있거나, 중복된 아이디나, 비밀번호 오류 시 자동으로 error를 보내준다. 이것이 firebase의 장점!!

  const onSubmit = async event => {
    event.preventDefault();
    try {
      if (newAccount) {
        await authService.createUserWithEmailAndPassword(email, password);
      } else {
        await authService.signInWithEmailAndPassword(email, password);
      }
    } catch (error) {
      setError(error.message);
    }
  };

 

error 메세지를 화면이 출력을 하도록 했다. 예시)비밀번호 틀렸을 때