如何使用值数组查询Firestore并为指定文档ID设置快照监听器

可行性说明 #

你的需求完全可以实现，不需要监听整个集合浪费资源，以下是两种经过验证的实现方式：

前置注意限制 #

• Firestore的in查询确实存在硬限制：单次查询的数组最多包含10个元素，直接传入40-50个ID的数组会触发报错
• 你原有代码中的where('docID', 'in', subbedDocs)写法只有当你在文档中手动存储了docID字段时才生效，如果要匹配Firestore自动生成的文档内置ID，需要用FieldPath.documentId()内置方法

实现方案 #

方案1：拆分in查询（监听器数量更少） #

将40-50个ID的数组按每10个一组拆分，每组创建一个独立的in查询监听器即可，示例代码如下：

import { FieldPath } from "firebase/firestore";

const subbedDocs = ["doc1","doc2",...,"doc50"];
// 按10个一组拆分ID数组
const chunkedIds = [];
for (let i = 0; i < subbedDocs.length; i += 10) {
  chunkedIds.push(subbedDocs.slice(i, i + 10));
}

// 为每个分组设置监听器
chunkedIds.forEach(idChunk => {
  docsRef.where(FieldPath.documentId(), 'in', idChunk).onSnapshot(querySnapshot => {
    querySnapshot.forEach(doc => {
      handleSnapshot(doc);
    });
  });
});

方案2：单文档独立监听（逻辑更简单，推荐） #

40-50个单文档监听器的资源消耗极低，Firestore完全可以支持，这种方式不需要处理分组逻辑，代码更易维护：

const subbedDocs = ["doc1","doc2",...,"doc50"];

subbedDocs.forEach(docId => {
  docsRef.doc(docId).onSnapshot(doc => {
    if (doc.exists()) {
      handleSnapshot(doc);
    }
  });
});

方案对比 #

• 拆分in查询：仅需要5个左右监听器，返回结果是查询快照，需要自行遍历处理文档变更
• 单文档独立监听：逻辑更简洁，每个回调直接对应单个文档的变更，排查问题更方便，40-50个监听器的性能开销可以忽略不计

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