React中如何通过手机号查询Firebase实时数据库用户是否存在

最优方案：使用带orderByChild的精准查询 #

你的第一种方法方向正确，但缺少指定查询字段的排序规则——Realtime Database必须先通过orderByChild明确要匹配的字段，才能用equalTo做值匹配。正确实现如下：

import { get, query, ref, orderByChild, equalTo } from "firebase/database";

async function checkUserExistsByPhone(userPhone) {
  const userRef = ref(database, '/user/');
  // 先按phone字段排序，再匹配目标手机号
  const userQuery = query(userRef, orderByChild('phone'), equalTo(userPhone));
  
  const snapshot = await get(userQuery);
  if (snapshot.exists()) {
    // 存在匹配用户，snapshot.val()返回以userID为key的用户对象
    console.log('用户存在:', snapshot.val());
    return true;
  } else {
    console.log('无匹配用户');
    return false;
  }
}

关键注意事项： #

• 必须在Firebase控制台的Realtime Database规则中，为/user节点添加phone字段的索引（控制台会自动提示需要创建），否则查询会失效：

  {
    "rules": {
      "user": {
        ".indexOn": ["phone"]
      }
    }
  }
  

• 若需实时监听手机号匹配结果（比如用户修改手机号场景），可将get替换为onValue：

  onValue(userQuery, (snapshot) => {
    snapshot.exists() 
      ? console.log('匹配用户:', snapshot.val()) 
      : console.log('无匹配用户');
  });
  

处理第二种方法：对象转数组过滤（不推荐大数量场景） #

如果确实需要拉取所有用户后过滤（数据量大时性能差，不推荐），可将返回的对象转为数组后使用filter：

import { ref, onValue } from "firebase/database";

const userRef = ref(database, '/user/');
onValue(userRef, (snapshot) => {
  const data = snapshot.val();
  if (!data) return; // 无数据时直接返回
  
  // 将用户对象转为数组（保留userID用Object.entries，仅需用户数据用Object.values）
  const userArray = Object.values(data);
  // 注意：数据库字段是phone，不是你代码里的phoneNumber，字段名必须一致
  const result = userArray.filter(user => user.phone === userPhone);
  
  result.length > 0 
    ? console.log('匹配用户:', result) 
    : console.log('无匹配用户');
});

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