随记

BFF（Backend For Frontend），中文常译为“面向前端的后端层”。

它位于前端和业务后端或第三方服务之间：

浏览器 / App
    ↓
BFF
    ↓
业务服务 / 数据库 / 大模型 API

在 AI 前端场景中，BFF 通常负责：

• 安全保存模型 API Key，避免暴露在浏览器。

• 校验用户身份和权限。

• 限流与用量统计。

• 调用大模型并向前端转发流式响应。

• 统一处理超时、重试、日志和内容审核。

• 聚合多个后端接口，转换成前端需要的数据格式。

例如前端不直接调用模型：

fetch('https://model-api.com/chat', {
  headers: { Authorization: `Bearer ${API_KEY}` },
});

而是调用自己的 BFF：

fetch('/api/chat', {
  method: 'POST',
  body: JSON.stringify({ messages }),
});

API Key 只存在于 BFF 的服务端环境变量中。

需要注意：BFF 不是纯前端代码，它属于服务端，但通常围绕某个前端应用的需求设计。它也不只是简单代理，还承担认证、数据转换、接口聚合和安全控制等职责。