Angular5中Angularfire2 Firestore批量更新多文档同字段问题

嗨，我明白你的需求啦——你为了减少网络请求把用户名冗余存在了每个Job文档里，现在要在用户更新名字时一次性同步所有对应Job的这个字段，而且不想用Observable对吧？

首先先提一句：Firestore其实是支持关联查询的（比如通过userId关联Profile和Jobs），不过你现在做的反规范化存储在NoSQL里是很常见的性能优化手段，完全没问题，接下来就告诉你怎么用一次性批量操作完成同步更新：

Firestore提供了batch()批量写API，它可以把多个更新操作打包成一个请求发送，刚好符合你“一次性调用”的需求，而且我们可以用Promise链来处理，不用Observable。以下是Angular 5里的具体实现代码：

import { AngularFireFirestore } from '@angular/fire/firestore';
import { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class JobService {
  constructor(private afs: AngularFireFirestore) {}

  // 同步更新指定用户所有Job文档中的profileName字段
  syncUserNameToJobs(userId: string, newUserName: string): Promise<void> {
    // 1. 查询该用户的所有Job文档
    return this.afs.collection('jobs', ref => ref.where('userId', '==', userId))
      .get()
      .then(querySnapshot => {
        // 2. 创建批量操作实例
        const batch = this.afs.firestore.batch();

        // 3. 遍历每个Job文档，添加更新操作到批量任务中
        querySnapshot.forEach(doc => {
          const jobDocRef = this.afs.collection('jobs').doc(doc.id).ref;
          batch.update(jobDocRef, { profileName: newUserName });
        });

        // 4. 提交批量更新，这是一次性的网络请求
        return batch.commit();
      })
      .then(() => {
        console.log('所有Job文档的用户名已同步完成！');
      })
      .catch(error => {
        console.error('同步更新失败:', error);
        throw error; // 可以将错误抛出，让调用方处理
      });
  }
}

一些补充说明： #

• 这个方法返回的是Promise，你可以在组件里用async/await或者.then()来调用，完全不需要使用Observable。
• Firestore的批量操作最多支持500个文档，你说你的Job数量较少，所以完全够用；如果以后数量超过500，可以考虑拆分多个批次处理。
• 如果后续Job数量变多，也可以考虑用Firebase云函数做自动化同步：监听Profile文档的更新事件，触发云函数自动更新对应Job的用户名，这样前端就不用处理同步逻辑啦。

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