使用React删除Cloud Firestore用户数据及关联子集合的实现方案

能不能直接在React客户端实现？ #

可以，但仅适合单用户关联子文档总数少于100条的非生产场景。官方不推荐生产用客户端删集合的原因是数据量大会触发请求频率限制、容易超时，还有暴露安全规则配置风险。
客户端实现的参考代码如下：

import { getAuth, deleteUser } from "firebase/auth";
import { getFirestore } from "firebase/firestore";

const auth = getAuth();
const db = getFirestore();

// 批量删除集合工具函数
async function deleteCollection(collectionRef, batchSize = 100) {
  const query = collectionRef.limit(batchSize);
  let deleted = 0;
  do {
    const snapshot = await query.get();
    const batch = db.batch();
    snapshot.docs.forEach(doc => batch.delete(doc.ref));
    await batch.commit();
    deleted = snapshot.size;
  } while (deleted > 0);
}

// 调用逻辑
const currentUser = auth.currentUser;
const uid = currentUser.uid;
// 先删除所有子集合，替换为你自己的子集合名称
await deleteCollection(db.collection(`users/${uid}/order`));
await deleteCollection(db.collection(`users/${uid}/notes`));
// 删除用户根文档
await db.doc(`users/${uid}`).delete();
// 删除用户身份验证账户
await deleteUser(currentUser);

注意使用该方案必须配置严格的Firestore安全规则，确保用户只能操作自己uid对应路径下的数据

无需搭建复杂后端的最优方案 #

优先推荐以下两种无服务方案，完全符合Firestore官方安全规范，不需要你自己维护服务器：

方案1：使用Firebase官方一键扩展（零代码） #

Firebase官方提供了现成的「Delete User Data」扩展，直接在Firebase控制台扩展市场安装，配置时填写你需要删除的用户数据路径，比如users/{UID}，安装完成后只要有用户删除身份验证账户，系统会自动删除对应路径下的所有文档、子集合，全程不需要写业务代码。

方案2：使用Firebase Cloud Functions 自定义触发 #

如果需要灵活控制删除逻辑，可以用Firebase自带的云函数，部署后会在用户删除账户时自动触发删除操作：

1. 本地安装firebase-tools，初始化云函数目录，选择Node.js环境
2. 编写云函数逻辑，参考代码如下：

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

async function deleteCollection(collectionRef, batchSize = 500) {
  const query = collectionRef.limit(batchSize);
  let deletedCount = 0;
  do {
    const snapshot = await query.get();
    const batch = db.batch();
    snapshot.docs.forEach(doc => batch.delete(doc.ref));
    await batch.commit();
    deletedCount = snapshot.size;
  } while (deletedCount > 0);
}

// 用户删除Auth账户时自动触发
exports.clearUserDataOnDelete = functions.auth.user().onDelete(async (user) => {
  const uid = user.uid;
  const userDoc = db.doc(`users/${uid}`);
  // 替换为你自己的子集合名称
  await deleteCollection(userDoc.collection("order"));
  await deleteCollection(userDoc.collection("notes"));
  // 删除用户根文档
  await userDoc.delete();
  return null;
});

3. 执行firebase deploy --only functions完成部署即可，免费额度足够大部分小型项目使用。

以上两种无服务方案都是在受信任的服务端运行，不会有客户端删集合的性能和安全风险，是生产环境的首选。

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