Firebase에서 onAuthStateChanged 메서드를 사용해 사용자 인증상태 변화 감지

1. 인증상태변화감지

import { getAuth, onAuthStateChanged } from "firebase/auth";

const auth = getAuth();
onAuthStateChanged(auth, (user) => {
  if (user) {
    // User is signed in, see docs for a list of available properties
    // https://firebase.google.com/docs/reference/js/auth.user
    const uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});

firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    // 로그인된 상태 - 프로필 페이지 표시
    document.getElementById('loginPage').style.display = 'none';
    document.getElementById('profilePage').style.display = 'block';
    document.getElementById('userEmail').textContent = user.email;
  } else {
    // 로그아웃된 상태 - 로그인 페이지 표시
    document.getElementById('loginPage').style.display = 'block';
    document.getElementById('profilePage').style.display = 'none';
  }
});

 

Firebase에서 사용자 관리하기