Firebase带身份验证获取用户关联数组实现方法咨询

Hey there! 作为Firebase新手碰到数据拿不到的问题真的很闹心，我来帮你梳理下可能的原因和解决办法～

1. 先确认你的数据库结构是否符合预期 #

首先得明确你的Firebase数据库（Realtime Database或Firestore）的结构，这是后续代码正确运行的基础。举个常见的合理结构例子：

Realtime Database 示例结构 #

{
  "users": {
    "user_123abc": { // 这里是用户的UID
      "associatedArrays": {
        "fruit": ["apple", "banana", "orange"],
        "vegetable": ["carrot", "potato"]
      }
    }
  }
}

Firestore 示例结构 #

用户文档（位于users集合下，文档ID为用户UID）中有一个associatedArrays的Map类型字段，每个键是数组名称（比如fruit），对应的值是数组。

2. 检查数据库权限规则（新手最容易忽略的点！） #

如果你的数据库规则没有允许当前登录用户读取自己的数据，那哪怕代码写对了也拿不到内容。

Realtime Database 权限示例 #

{
  "rules": {
    "users": {
      "$uid": {
        ".read": "auth.uid === $uid", // 仅允许当前用户读取自己的数据
        ".write": "auth.uid === $uid"
      }
    }
  }
}

Firestore 权限示例 #

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /users/{uid} {
      allow read, write: if request.auth != null && request.auth.uid == uid;
    }
  }
}

3. 正确获取数组名称的代码示例 #

下面针对两种数据库类型给出具体代码，你可以根据自己的使用场景参考：

针对 Realtime Database（Web SDK） #

// 先监听用户登录状态
firebase.auth().onAuthStateChanged(user => {
  if (user) {
    const userId = user.uid;
    // 指向用户的关联数组节点
    const dataRef = firebase.database().ref(`users/${userId}/associatedArrays`);
    
    dataRef.once('value')
      .then(snapshot => {
        if (snapshot.exists()) {
          // 提取所有数组名称（也就是节点的键）
          const arrayNames = Object.keys(snapshot.val());
          console.log('获取到的数组名称:', arrayNames); // 会输出 ["fruit", "vegetable"]
          
          // 后续要获取数组内容的话，可以这样遍历
          arrayNames.forEach(name => {
            const arrayContent = snapshot.val()[name];
            console.log(`${name}的内容:`, arrayContent);
          });
        } else {
          console.log('该用户还没有关联的数组哦');
        }
      })
      .catch(error => {
        console.error('获取数据失败:', error);
      });
  } else {
    console.log('请先登录用户哦');
  }
});

针对 Firestore（Web SDK） #

firebase.auth().onAuthStateChanged(user => {
  if (user) {
    const userId = user.uid;
    const userDocRef = firebase.firestore().collection('users').doc(userId);
    
    userDocRef.get()
      .then(doc => {
        if (doc.exists) {
          const userData = doc.data();
          const associatedArrays = userData.associatedArrays;
          
          if (associatedArrays) {
            // 提取数组名称
            const arrayNames = Object.keys(associatedArrays);
            console.log('获取到的数组名称:', arrayNames);
            
            // 获取对应数组内容
            arrayNames.forEach(name => {
              console.log(`${name}的内容:`, associatedArrays[name]);
            });
          } else {
            console.log('用户数据里没有associatedArrays字段');
          }
        } else {
          console.log('该用户的文档不存在');
        }
      })
      .catch(error => {
        console.error('获取文档失败:', error);
      });
  } else {
    console.log('用户未登录，请先完成登录');
  }
});

4. 针对「fruit及相关内容仍存在问题」的排查要点 #

如果按照上面的方法修改后，fruit相关还是有问题，你可以从这几个方向排查：

• 检查路径拼写：Firebase是区分大小写的，比如别把fruit写成Fruit或者fruti
• 确认数据类型：确保fruit对应的是数组类型，而不是字符串、数字或者其他类型
• 手动验证数据：去Firebase控制台里查看该用户的fruit节点/字段是否真的存在，并且有内容
• 查看错误日志：打开浏览器控制台，看看有没有权限被拒绝、路径不存在之类的错误提示

要是还是解决不了，你可以把你的数据库结构片段（JSON或截图描述）和修改后的代码贴出来，我再帮你精准定位问题～

内容的提问来源于stack exchange，提问作者Kyril Khaltesky