在FireStore/Document DB中高效存储与获取点赞数据

刚好我在几个Firebase项目里都处理过类似的需求，下面是几个经过实践验证的高效方案，你可以根据业务场景选择：

方案一：用户文档下维护点赞帖子的子集合（推荐） #

这是最常用也是扩展性最好的方案，核心思路是把用户的点赞记录和帖子数据分开存储，避免帖子文档过度膨胀。

实现逻辑： #

1. 每个用户的users/{userId}文档下，创建一个likes子集合，每个文档对应一个被点赞的帖子，文档ID可以直接用postId，文档内容可以包含postId和点赞时间戳（方便后续做排序或清理）。
2. 用户点赞时，通过云函数或前端原子操作：
   • 在用户的likes子集合中添加对应postId的文档
   • 同时更新posts/{postId}中的total_likes（用increment(1)）和最近点赞数组
3. 取消点赞时则反之：删除用户likes子集合中的对应文档，更新帖子的点赞数和最近点赞数组。

如何判断用户是否点赞某个帖子？ #

• 单个帖子：直接查询users/{userId}/likes/{postId}是否存在，这是单文档查询，性能极高，耗时通常在几十毫秒内。
• 批量帖子（列表页）：利用FireStore的in操作符批量查询，一次最多可查10个postId，分批次处理后把结果存入Set，前端遍历帖子时直接判断ID是否在Set中即可。

前端批量查询示例：

// 假设已获取当前用户ID和帖子列表的postIds
const userId = auth.currentUser.uid;
const postIds = posts.map(post => post.id);

// 分批次处理（FireStore的in操作符最多支持10个值）
const batchSize = 10;
const batches = [];
for (let i = 0; i < postIds.length; i += batchSize) {
  batches.push(postIds.slice(i, i + batchSize));
}

// 批量查询并整理已点赞的帖子ID
const likedPostIds = new Set();
await Promise.all(batches.map(async batch => {
  const querySnapshot = await db.collection('users')
    .doc(userId)
    .collection('likes')
    .where('postId', 'in', batch)
    .get();
  querySnapshot.forEach(doc => likedPostIds.add(doc.data().postId));
}));

// 给每个帖子添加点赞状态
const postsWithLikeStatus = posts.map(post => ({
  ...post,
  isLiked: likedPostIds.has(post.id)
}));

优缺点： #

• ✅ 优点：帖子文档体积小，读取时不浪费带宽；查询点赞状态精准高效；扩展性强，即使用户点赞上千条也不会影响性能。
• ❌ 缺点：批量查询时需要分批次处理（因in操作符的限制），但前端处理起来并不复杂。

方案二：帖子文档中维护点赞用户ID数组 #

如果你的社区帖子点赞量普遍不高（比如单帖点赞数低于几百），可以考虑这个更简单的方案。

实现逻辑： #

在每个posts/{postId}文档中添加一个liked_user_ids数组，用户点赞时用arrayUnion(userId)原子添加，取消点赞时用arrayRemove(userId)原子移除，同时更新total_likes。

判断用户是否点赞时，只需检查帖子文档的liked_user_ids数组中是否包含当前用户ID即可。

优缺点： #

• ✅ 优点：实现简单，无需额外维护子集合；单个帖子的点赞状态判断直接从帖子文档获取，无需额外查询。
• ❌ 缺点：当帖子点赞数增多时，liked_user_ids数组会越来越大，导致帖子文档体积膨胀，读取列表时浪费大量带宽；FireStore对单文档大小有限制（最大1MB），极端情况下会触发限制。

方案三：结合本地缓存优化用户体验 #

无论用哪种方案，都可以加上本地缓存来减少重复查询，提升页面加载速度：

• 把用户已点赞的帖子ID存入localStorage或前端状态管理库（如Vuex、Redux）
• 用户点赞/取消点赞时，同步更新缓存
• 页面刷新或切换时，优先从缓存读取点赞状态，再异步查询最新数据做同步

云函数示例（点赞操作） #

这里给你一个云函数的实现示例，确保数据一致性：

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

exports.likePost = functions.https.onCall(async (data, context) => {
  // 验证用户是否登录
  if (!context.auth) {
    throw new functions.https.HttpsError('unauthenticated', '请先登录');
  }
  
  const userId = context.auth.uid;
  const postId = data.postId;
  const db = admin.firestore();
  const batch = db.batch();

  // 1. 添加用户的点赞记录到子集合
  const userLikeRef = db.collection('users').doc(userId).collection('likes').doc(postId);
  batch.set(userLikeRef, { 
    postId, 
    timestamp: admin.firestore.FieldValue.serverTimestamp() 
  });

  // 2. 更新帖子的点赞数和最近点赞数组
  const postRef = db.collection('posts').doc(postId);
  batch.update(postRef, {
    total_likes: admin.firestore.FieldValue.increment(1),
    recent_likes: admin.firestore.FieldValue.arrayUnion({ 
      userId, 
      timestamp: admin.firestore.FieldValue.serverTimestamp() 
    })
  });

  await batch.commit();
  return { success: true, message: '点赞成功' };
});

取消点赞的云函数只需把set换成delete，increment(1)换成increment(-1)，arrayUnion换成arrayRemove即可。

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