如何检查自定义生成的5位ID在Firebase中是否唯一且避免重复？

实现逻辑说明 #

你需要把ID生成、存在性校验、重试逻辑封装后放到提交函数内执行，原代码把ID定义在函数外会导致页面加载后仅生成一次ID，多次提交必然冲突。具体实现步骤如下：

完整改造代码 #

1. 首先封装工具函数

// 生成5位随机ID，不需要前导零可删除padStart方法
const generateRandomId = () => {
  const id = Math.floor(Math.random() * 100000);
  return String(id).padStart(5, '0');
}

// 校验ID是否已被占用，已占用则自动重试生成
const getAvailableDocId = async (userId) => {
  const tryId = generateRandomId();
  const docRef = db.collection('usuarios').doc(userId).collection('pedidos').doc(tryId);
  const docSnap = await docRef.get();
  // 递归重试直到拿到未被占用的ID
  return docSnap.exists ? getAvailableDocId(userId) : tryId;
}

2. 改造提交函数

const registrarPedido = async (e) => {
  e.preventDefault();
  try {
    // 先获取可用ID，再执行写入
    const docId = await getAvailableDocId(user.uid);
    const docRef = db.collection('usuarios').doc(user.uid).collection('pedidos').doc(docId);
    // 加merge: false防止并发场景下ID冲突覆盖已有文档
    await docRef.set({
      nombre: nombre,
      grado: grado,
      total: totalPrice,
      escuela: escuela,
      metodoDePago: "ACH",
      estadoDePago: "Pendiente",
      fecha: formattedDate,
      id: docId,
      entrega: "Retirar en Sede"
    }, { merge: false });
    history.push("/Inicio");
  } catch (err) {
    console.error('订单创建失败：', err);
    // 可在此处添加用户侧错误提示
  }
}

补充优化建议 #

如果要彻底避免并发写入导致的ID冲突覆盖，可以在Firebase安全规则中添加如下配置，禁止修改已存在的订单文档：

match /usuarios/{userId}/pedidos/{pedidoId} {
  allow create: if request.auth != null && request.auth.uid == userId;
  allow update, delete: if false;
}

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