[개발] Firebase 를 이용한 인증

안녕하세요 @realmankwon 입니다.

JavaScript로 Firebase를 사용하여 이메일 주소 인증 기능을 구현하는 방법은 다음과 같습니다:

1 . Firebase 프로젝트 생성 및 설정

Firebase 콘솔에서 새 프로젝트를 생성하고, "Authentication" 메뉴에서 "Sign-in method" 탭에서 "Email/Password"를 활성화합니다.

2 . 사용자 등록 및 이메일 인증

이메일 주소 인증을 위해서는 먼저 사용자가 이메일 및 비밀번호를 등록해야 합니다. 이를 위해 Firebase Authentication SDK를 사용하여 사용자를 등록하고, 이메일 주소 인증 이메일을 보내는 함수를 호출합니다.

const auth = firebase.auth();
const email = "[email protected]";
const password = "password123";

auth.createUserWithEmailAndPassword(email, password)
  .then(() => {
    // 이메일 인증 메일 전송
    const user = auth.currentUser;
    user.sendEmailVerification()
      .then(() => {
        console.log("이메일 인증 메일이 전송되었습니다.");
      })
      .catch((error) => {
        console.error("이메일 인증 메일 전송 중 오류가 발생했습니다.", error);
      });
  })
  .catch((error) => {
    console.error("사용자 등록 중 오류가 발생했습니다.", error);
  });

3 . 이메일 인증 확인

이메일 주소 인증 이메일을 수신한 사용자는 메일에서 제공된 링크를 클릭하여 이메일 주소를 인증할 수 있습니다. 이를 확인하기 위해 Firebase Authentication SDK에서 제공하는 onAuthStateChanged 메서드를 사용하여 인증 상태가 변경되었을 때 콜백 함수를 호출합니다. 이때 user.emailVerified 속성을 확인하여 이메일이 인증되었는지 여부를 확인할 수 있습니다.

auth.onAuthStateChanged((user) => {
  if (user) {
    if (user.emailVerified) {
      console.log("이메일이 인증되었습니다.");
    } else {
      console.log("이메일이 아직 인증되지 않았습니다.");
    }
  } else {
    console.log("사용자가 로그아웃했습니다.");
  }
});

이러한 방법으로 JavaScript를 사용하여 Firebase를 통해 이메일 주소 인증 기능을 구현할 수 있습니다.