如何用AngularFire2+Angular5在Firebase中按用户ID修改用户名

嘿，我来帮你搞定这个问题！在AngularFire2搭配Angular5的环境下，通过用户ID查找并修改用户名主要分两种常见场景，我给你一步步讲清楚：

场景1：文档ID就是用户ID（最推荐的结构） #

如果你的Firestore users集合里，每个文档的ID直接对应用户ID，那定位和修改会非常直接：

1. 首先确保你已经在组件或服务中注入了AngularFirestore：

import { AngularFirestore } from 'angularfire2/firestore';

// 在构造函数中注入
constructor(private afs: AngularFirestore) { }

2. 编写修改用户名的方法，接收用户ID和新用户名作为参数：

updateUsernameByUserId(userId: string, newUsername: string): Promise<void> {
  // 直接通过用户ID定位到users集合下的目标文档
  return this.afs.collection('users').doc(userId).update({
    username: newUsername
  })
  .then(() => {
    console.log('用户名修改成功！');
  })
  .catch(error => {
    console.error('修改用户名失败:', error);
  });
}

调用的时候就这么用：

// 比如用户ID是"user_12345"，新用户名是"新的昵称"
this.updateUsernameByUserId('user_12345', '新的昵称');

场景2：文档ID≠用户ID，文档内包含userId字段 #

如果你的集合结构是文档ID自动生成，而用户ID存在文档的userId字段里，那需要先查询再修改：

1. 同样先注入AngularFirestore，然后编写方法：

updateUsernameByUserId(userId: string, newUsername: string): Promise<void> {
  // 先查询users集合中userId匹配的文档
  return this.afs.collection('users', ref => ref.where('userId', '==', userId))
    .get()
    .then(querySnapshot => {
      if (querySnapshot.empty) {
        console.log('未找到对应用户ID的用户');
        return Promise.reject('用户不存在');
      }
      // 假设一个userId对应唯一用户，取第一个匹配的文档
      const targetUserDoc = querySnapshot.docs[0];
      // 更新该文档的username字段
      return targetUserDoc.ref.update({ username: newUsername });
    })
    .then(() => {
      console.log('用户名修改成功！');
    })
    .catch(error => {
      console.error('修改用户名失败:', error);
      return Promise.reject(error);
    });
}

⚠️ 注意：如果你的业务逻辑允许同一个userId对应多个文档（一般不建议），那需要遍历querySnapshot.docs来批量更新，但通常用户ID是唯一标识，所以取第一个文档就够了。

额外注意事项 #

• 权限规则：确保你的Firestore安全规则允许对users集合的更新操作。比如如果只允许用户修改自己的信息，可以设置这样的规则：

match /users/{userId} {
  allow update: if request.auth != null && request.auth.uid == userId;
}

根据你的实际业务需求调整规则即可。

• update vs set：用update()只会修改指定字段，而set()默认会覆盖整个文档，如果要用set()保留其他字段，记得加{ merge: true }参数。

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