Firebase中无法通过onSnapshot获取文档字段及鉴权访问问题

1. 修复Firestore字段访问问题 #

你当前的代码错误地直接访问集合快照的属性，集合快照（snapshot）是整个集合的文档集合对象，并非单个文档。要获取每个文档的text和timeStamp字段，需要遍历快照中的文档列表，通过doc.data()提取文档数据：

onSnapshot(collection(db, 'first'), (snapshot) => {
  snapshot.docs.forEach(doc => {
    const docData = doc.data();
    console.log(docData.text, docData.timeStamp);
    // 此处可将数据渲染到页面
  });
});

如果需要文档ID，可使用doc.id获取。

2. 基于用户认证状态控制数据库访问 #

使用Firebase Auth的onAuthStateChanged监听用户认证状态，仅在用户已登录时初始化Firestore监听：

import { onAuthStateChanged } from "firebase/auth";
import { auth } from "./your-firebase-config"; // 替换为你的Auth实例

onAuthStateChanged(auth, (user) => {
  if (user) {
    // 用户已认证，启动实时监听
    const unsubscribe = onSnapshot(collection(db, 'first'), (snapshot) => {
      snapshot.docs.forEach(doc => {
        const { text, timeStamp } = doc.data();
        console.log(text, timeStamp);
      });
    });
    // 若需停止监听，可调用unsubscribe()
  } else {
    // 用户未登录，终止监听或提示登录
    console.log("请登录后访问");
  }
});

内容的提问来源于stack exchange，提问作者Ankit Sharma