如何在Firestore中监听friends子集合文档内的数组变更？

方案1：重构数据结构（推荐） #

把原来存在单个文档里的请求数组，拆成子集合下的独立文档——每个好友请求对应一个文档，ID用发起者的UID。这样就能直接用docChanges()捕获新增请求，完全不用处理数组对比，而且单文档传输量极小。

示例结构：

users/{userId}/friends/requests/{requesterUid}
├─ requesterUid: "xxx"
└─ requestTime: Timestamp.now()

客户端监听代码（Web SDK v9+）：

import { collection, onSnapshot } from "firebase/firestore";

const requestsColRef = collection(db, "users", currentUserId, "friends", "requests");

onSnapshot(requestsColRef, (snapshot) => {
  snapshot.docChanges().forEach((change) => {
    if (change.type === "added") {
      // 捕获到新的好友请求
      const newRequesterId = change.doc.id;
      console.log("新好友请求来自：", newRequesterId);
      // 这里可以触发UI提示、请求详情拉取等逻辑
    }
  });
});

这个方案的优势：

• 完全契合Firestore的设计模式，监听逻辑简单直接
• 可扩展字段（比如请求备注、发起时间），不需要修改数组结构
• 单文档传输量仅包含单个请求的信息，远小于全数组传输

方案2：优化数组对比逻辑（无需改结构） #

你担心的1MB数据量其实是高估了——200个UID的数组，每个UID按30字符计算，总字符数仅6000左右，加上Firestore的元数据也不会超过10KB，完全在可接受范围内。

可以在客户端保存上一次的数组快照，每次更新时对比出新增的UID：

import { doc, onSnapshot } from "firebase/firestore";

let previousRequestUids = [];
const requestsDocRef = doc(db, "users", currentUserId, "friends", "requests");

onSnapshot(requestsDocRef, (docSnapshot) => {
  const currentUids = docSnapshot.data()?.uids || [];
  // 找出新增的UID
  const addedUids = currentUids.filter(uid => !previousRequestUids.includes(uid));
  
  if (addedUids.length > 0) {
    console.log("收到新好友请求：", addedUids);
    // 处理新请求逻辑
  }
  
  // 更新快照，用于下一次对比
  previousRequestUids = [...currentUids];
});

如果觉得原生filter效率不够，可以用Set来优化对比速度：

const previousSet = new Set(previousRequestUids);
const addedUids = currentUids.filter(uid => !previousSet.has(uid));

方案3：云函数+FCM推送（客户端无监听压力） #

如果不想客户端处理监听逻辑，可以用Cloud Functions监听文档更新，计算出新增请求后通过FCM推送给用户，客户端只需要处理推送通知即可。

云函数示例：

const functions = require("firebase-functions");
const admin = require("firebase-admin");
admin.initializeApp();

exports.sendFriendRequestNotification = functions.firestore
  .document("users/{userId}/friends/requests")
  .onUpdate((change, context) => {
    const beforeUids = change.before.data()?.uids || [];
    const afterUids = change.after.data()?.uids || [];
    const addedUids = afterUids.filter(uid => !beforeUids.includes(uid));
    
    if (addedUids.length === 0) return null;
    
    // 获取用户的FCM Token（假设用户文档中存储了该字段）
    return admin.firestore().doc(`users/${context.params.userId}`).get()
      .then(userDoc => {
        const fcmToken = userDoc.data().fcmToken;
        if (!fcmToken) return null;
        
        const message = {
          notification: {
            title: "新好友请求",
            body: `你收到了${addedUids.length}条新的好友请求`
          },
          token: fcmToken
        };
        
        return admin.messaging().send(message);
      });
  });

内容的提问来源于stack exchange，提问作者User-92