Firebase创建数据库条目选Set还是Add？及用户数据存储问题

1. 为什么set()方法无法创建数据库条目？ #

你遇到的set()失败问题，大概率是以下两个原因之一：

• Firebase安全规则限制：默认情况下，Firebase Firestore的安全规则会阻止未授权的写入操作。你需要确保规则允许已认证用户写入profiles集合，比如测试阶段可以先配置成（上线后记得改更严格的规则）：

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

  这个规则只允许用户读写自己的profile文档，既安全又符合业务逻辑。
• this.profile.name可能为undefined：虽然你说profile对象存在，但有可能name字段实际未被正确赋值。可以在set()之前加日志排查：

  console.log("用户名:", this.profile.name);
  console.log("用户UID:", user.user.uid);
  

  如果name是undefined，Firebase可能会静默拒绝这次写入操作。

2. add()创建后更新失败的原因 #

add()方法会自动生成随机文档ID，而不是使用用户的UID。所以你后续用db.collection("profiles").doc(user.uid)查找文档时，根本找不到对应的条目；另外错误提示里的Unsupported field value: undefined，说明更新时this.profile.name是undefined，大概率是表单数据没正确绑定到this.profile上。

3. 到底用set()还是add()？ #

这完全取决于你的业务场景：

• 优先用set()（推荐用于用户资料）：当你需要指定文档ID时（比如用用户UID作为文档ID），set()是最佳选择。这样每个用户的profile文档ID和UID一一对应，后续可以直接通过UID快速查找、更新资料，逻辑清晰且高效。
• 用add()：当你不需要指定文档ID时（比如存储日志、评论这类无固定关联ID的内容），用add()自动生成ID更方便。

修正后的注册代码示例 #

register() {
  fb.auth().createUserWithEmailAndPassword(this.email, this.password)
    .then((userCredential) => {
      const user = userCredential.user;
      // 先确认关键数据是否有效
      console.log("当前用户UID:", user.uid);
      console.log("要保存的用户名:", this.profile.name);

      if (!this.profile.name) {
        console.error("用户名不能为空");
        return;
      }

      // 使用set()创建用户profile
      return db.collection('profiles').doc(user.uid).set({
        name: this.profile.name
      });
    })
    .then(() => {
      console.log("用户profile创建成功");
      // 这里可以加跳转页面等后续操作
    })
    .catch((error) => {
      console.error("注册或创建profile失败:", error);
    });
}

正确的profile更新代码 #

更新时直接用用户UID定位文档，同时过滤掉undefined字段避免报错：

updateProfile() {
  const user = fb.auth().currentUser;
  if (!user) {
    console.error("用户未登录");
    return;
  }

  // 整理要更新的数据，过滤undefined字段
  const updateData = {};
  if (this.profile.name) updateData.name = this.profile.name;
  if (this.profile.mobile) updateData.mobile = this.profile.mobile;
  if (this.profile.postcode) updateData.postcode = this.profile.postcode;

  db.collection("profiles").doc(user.uid).update(updateData)
    .then(() => {
      console.log("用户资料更新成功");
    })
    .catch((error) => {
      console.error("更新失败:", error);
    });
}

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