如何使用JavaScript处理Firebase实时数据库中的匿名节点并解决数据获取返回Null的问题

我来帮你分析一下为什么你的代码返回null，以及如何修复这个问题：

问题根源 #

你的代码里有几个关键错误导致无法获取数据：

1. 路径写法错误：你用了{senderId}这样的占位符，但没有使用JavaScript的模板字符串（反引号`），这会导致Firebase去查找字面量为chats/{senderId}/messages/{receiverId}/message的路径——显然这个路径在你的数据库里不存在，所以快照返回null。
2. 数据库结构匹配错误：你的数据库中，chats的子节点键是两个用户ID的拼接字符串（比如3q7QDEHAVpU3DhiNyAOKlZY7L0S25rAQ6mD63HRiygVytCutjMfyZr43），而不是单独的senderId；同时messages下的节点是Firebase自动生成的push ID（比如-MhP9vpwRKLND9tIBBOT），不是receiverId，所以你直接指定{receiverId}是找不到对应节点的。

修复方案 #

下面是修正后的代码，我会一步步解释：

function selectAllData6() { 
  // 替换成实际的当前用户ID和目标用户ID
  const currentUserId = "3q7QDEHAVpU3DhiNyAOKlZY7L0S2";
  const otherUserId = "5rAQ6mD63HRiygVytCutjMfyZr43";
  
  // 生成唯一的聊天节点ID：按字母顺序拼接两个ID，确保无论谁发起聊天，节点键一致
  const chatId = [currentUserId, otherUserId].sort().join("");

  // 正确指向该聊天的messages节点
  const messagesRef = firebase.database().ref(`chats/${chatId}/messages`); 

  messagesRef.on('value', function(snapshot) { 
    // 先检查是否有数据
    if (!snapshot.exists()) {
      console.log("这个聊天还没有消息");
      return;
    }

    // 遍历所有自动生成的消息节点（push ID节点）
    snapshot.forEach((messageSnapshot) => {
      const messageData = messageSnapshot.val();
      console.log("消息内容:", messageData.message);
      console.log("发送者ID:", messageData.senderId);
      console.log("时间戳:", messageData.timeStamp);
    });
  }); 
} 

selectAllData6();

关键说明 #

• 模板字符串的使用：用`包裹路径字符串，并用${变量名}插入动态值，这样才能正确生成指向具体聊天节点的路径。
• 遍历匿名节点：由于messages下的节点是自动生成的push ID，我们需要用snapshot.forEach()来遍历每个子节点，才能获取到所有消息数据。
• 确定聊天节点ID：如果不确定两个用户ID的拼接顺序，可以遍历chats节点，检查每个子节点的键是否同时包含当前用户ID和目标用户ID：

const chatsRef = firebase.database().ref("chats");
chatsRef.on('value', (snapshot) => {
  snapshot.forEach((chatSnapshot) => {
    const chatKey = chatSnapshot.key;
    if (chatKey.includes(currentUserId) && chatKey.includes(otherUserId)) {
      // 找到对应的聊天节点，接下来处理messages
      const messagesRef = chatSnapshot.ref.child("messages");
      messagesRef.on('value', (msgSnapshot) => {
        // 处理消息逻辑
      });
    }
  });
});

额外检查点 #

如果修复后还是返回null，别忘了检查Firebase的安全规则，确保你的应用有读取chats节点的权限——权限不足也是导致快照返回null的常见原因。

内容的提问来源于stack exchange，提问作者Ashok Kumar