使用Firebase提供基于身份验证状态的动态内容

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // 用户已登录
    console.log("用户已登录:", user);
    displayUserContent(user);
  } else {
    // 用户未登录
    console.log("用户未登录");
    displayGuestContent();
  }
});

function displayUserContent(user) {
  const userId = user.uid;
  const userRef = firebase.database().ref('users/' + userId);
  userRef.once('value').then(function(snapshot) {
    const userData = snapshot.val();
    console.log("显示用户数据", userData);
    // 更新DOM或界面以显示用户数据
  });
}

function displayGuestContent() {
  console.log("显示访客内容");
  // 更新DOM或界面以显示默认或访客内容
}

function loginUser(email, password) {
  firebase.auth().signInWithEmailAndPassword(email, password)
    .catch(function(error) {
      console.error("登录失败:", error);
    });
}

function logoutUser() {
  firebase.auth().signOut().then(function() {
    console.log("用户已登出");
  }).catch(function(error) {
    console.error("登出失败:", error);
  });
}

{
  "rules": {
    "users": {
      "$userId": {
        ".read": "$userId === auth.uid",
        ".write": "$userId === auth.uid"
      }
    }
  }
}