React Native中Firebase Auth登录后如何获取用户数据库详情？

嘿，我来帮你搞定这个问题！Firebase Auth 和 Firebase 数据库（Firestore/实时数据库）是相互独立的服务，所以你完成邮箱密码认证后，需要主动通过唯一标识关联两者，才能从数据库中取出用户的姓名、性别等详情。下面是具体的实现步骤和注意事项：

第一步：确认数据库中用户记录的关联方式 #

首先要确保你导入的JSON用户数据，和Firebase Auth创建的用户之间有唯一关联标识，常见的两种方式：

• 用Auth用户的uid作为数据库中用户文档/节点的ID（推荐，因为uid是Auth系统的唯一标识符）
• 在数据库的用户记录中添加email字段，和Auth用户的邮箱完全匹配

第二步：登录成功后查询数据库详情 #

以Web端为例，使用Firebase JS SDK的实现代码如下：

场景1：数据库用户文档ID = Auth用户UID（Firestore） #

// 邮箱密码登录
firebase.auth().signInWithEmailAndPassword('naseebullah@kcl.ac.uk', '你的密码')
  .then((userCredential) => {
    // 登录成功，获取当前Auth用户对象
    const authUser = userCredential.user;
    // 用Auth用户的UID查询Firestore中的用户详情
    return firebase.firestore().collection('users').doc(authUser.uid).get();
  })
  .then((userDoc) => {
    if (userDoc.exists) {
      // 获取到完整的用户详情
      const userDetails = userDoc.data();
      console.log('用户详情：', userDetails);
      // 这里可以把姓名、性别等数据渲染到页面上
    } else {
      console.log('⚠️ 数据库中没有找到对应该Auth用户的记录，请检查关联是否正确');
    }
  })
  .catch((error) => {
    console.error('登录或查询失败：', error.message);
  });

场景2：用邮箱字段匹配查询（Firestore） #

如果你的数据库用户记录是用邮箱作为匹配字段的，可以这样查询：

firebase.auth().signInWithEmailAndPassword('naseebullah@kcl.ac.uk', '你的密码')
  .then((userCredential) => {
    const authUser = userCredential.user;
    // 通过邮箱字段匹配查询用户
    return firebase.firestore().collection('users').where('email', '==', authUser.email).get();
  })
  .then((querySnapshot) => {
    if (!querySnapshot.empty) {
      const userDetails = querySnapshot.docs[0].data();
      console.log('用户详情：', userDetails);
    } else {
      console.log('⚠️ 未找到匹配邮箱的用户记录');
    }
  })
  .catch((error) => {
    console.error('操作失败：', error.message);
  });

第三步：配置数据库安全规则 #

别忘了设置正确的数据库安全规则，确保只有已认证的用户能读取自己的信息，避免数据泄露：

Firestore安全规则示例 #

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    // 允许已认证用户读取自己的用户文档
    match /users/{userId} {
      allow read: if request.auth != null && request.auth.uid == userId;
    }
  }
}

实时数据库安全规则示例 #

{
  "rules": {
    "users": {
      "$userId": {
        ".read": "auth != null && auth.uid == $userId"
      }
    }
  }
}

排查常见问题 #

• 检查数据库中的用户记录和Auth用户的uid/邮箱是否完全匹配，有没有拼写错误
• 确认数据库规则是否生效，如果规则太严格会导致读取失败
• 查看浏览器控制台的错误信息，定位具体问题

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