如何在Firebase 9云存储中删除文件夹或文件夹内所有文件？

1. 你的代码中存在命名混淆：initializeApp的返回值是Firebase应用实例，并非配置对象，建议调整命名避免逻辑错误。
2. Firebase Cloud Storage 本身没有真实的文件夹层级结构，所有文件都是以扁平化方式存储，你看到的"文件夹"本质只是文件路径的共同前缀，deleteObject 方法仅支持删除单个文件，直接传入路径前缀调用不会生效。

方案1：前端直接遍历删除（适合文件数量少的场景） #

该方案需要你配置的Storage安全规则允许当前用户对目标路径下的所有文件拥有读、删权限，文件数量较多时会触发多次网络请求，性能较差，不推荐生产环境使用。

import { getStorage, ref, deleteObject, listAll } from 'firebase/storage';
import { initializeApp } from 'firebase/app'

// 初始化应用，返回值为应用实例而非配置
const app = initializeApp({
  apiKey: '### FIREBASE API KEY ###',
  authDomain: '### FIREBASE AUTH DOMAIN ###',
  projectId: '### CLOUD FIRESTORE PROJECT ID ###'
  // 其余配置项
});

const storage = getStorage(app)
// 要删除的前缀路径末尾加/，避免匹配到前缀相同的其他文件
const folderRef = ref(storage, `post/${id}/`)

// 递归删除文件夹方法
const deleteFolder = async (folderRef) => {
  // 列出当前路径下所有文件和子文件夹
  const res = await listAll(folderRef);
  // 批量删除当前路径下所有文件
  const deleteFilePromises = res.items.map(itemRef => deleteObject(itemRef));
  await Promise.all(deleteFilePromises);
  // 递归删除所有子文件夹
  const deleteFolderPromises = res.prefixes.map(subFolderRef => deleteFolder(subFolderRef));
  await Promise.all(deleteFolderPromises);
}

// 调用执行删除
await deleteFolder(folderRef)

注意：listAll单次最多返回1000个文件，如果路径下文件数量超过1000，需要改用list方法分页处理。

方案2：云函数端删除（推荐生产环境使用） #

前端直接批量删除风险高、效率低，更推荐通过Firebase云函数实现删除，不需要给前端开放路径的删除权限，安全性更高，同时可以直接调用批量删除接口，不需要手动递归遍历。
云函数示例代码：

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

exports.deletePostFolder = functions.https.onCall(async (data, context) => {
  // 先做权限校验，比如判断当前用户是否为对应帖子的所有者
  const uid = context.auth?.uid;
  if (!uid) throw new functions.https.HttpsError("unauthenticated", "未登录");
  
  const postId = data.postId;
  const bucket = admin.storage().bucket();
  // 批量删除指定前缀下的所有文件
  await bucket.deleteFiles({
    prefix: `post/${postId}/`
  });
  return { success: true };
})

前端调用云函数代码：

import { getFunctions, httpsCallable } from "firebase/functions";

const functions = getFunctions();
const deletePostFolder = httpsCallable(functions, 'deletePostFolder');

// 传入要删除的帖子ID触发删除
await deletePostFolder({ postId: id });

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