¿Qué es el patrón Backend-for-Frontend y cómo se relaciona con una API gateway?

Question

Accepted Answer

**Backend-for-Frontend (BFF)** es una puerta de enlace dedicada por tipo de cliente (web, móvil, socio). En lugar de una puerta de enlace genérica que sirva a todos los clientes, cada frontend obtiene un backend adaptado a sus necesidades.

## El problema que resuelve

Una aplicación móvil y una aplicación web tienen diferentes necesidades de datos, tamaño de payload y comunicación. Una única API genérica obliga a compromisos y búsqueda excesiva.

```text
Without BFF:        With BFF:
  All clients          Web ─▶ Web BFF ─┐
     │                 Mobile ─▶ Mobile BFF ─┼─▶ microservices
  one generic API      Partner ─▶ Partner BFF ─┘
```

## Qué hace un BFF

- **Agrega** varias llamadas de servicio en una respuesta moldeada para el cliente.
- **Recorta** payloads para clientes limitados (móvil).
- Posee **lógica específica del cliente** para que los servicios sigan siendo genéricos.

```js
// Mobile BFF: one call → compose a lean screen payload
app.get('/home', async (req) => {
  const [user, orders] = await Promise.all([
    usersApi.get(req.userId),
    ordersApi.recent(req.userId, { limit: 3 }) // small for mobile
  ]);
  return { name: user.name, recentOrders: orders }; // tailored shape
});
```

## BFF vs puerta de enlace

| | API Gateway | BFF |
|---|---|---|
| Alcance | Una para todos los clientes | Una por tipo de cliente |
| Lógica | Genérica transversal | Moldeado específico del cliente |

## Trampa

Demasiados BFF duplican lógica; mantenlos delgados y evita que se filtren reglas de negocio que pertenecen a los servicios.

## Por qué es importante

Los BFF permiten que cada frontend evolucione a su propio ritmo con un backend que se ajuste a él, en lugar de forzar a cada cliente a un contrato compartido.

Complementan (no reemplazan) la puerta de enlace: la puerta de enlace maneja preocupaciones de borde como autenticación y enrutamiento, mientras que el BFF maneja la agregación específica del cliente.

	API Gateway	BFF
Alcance	Una para todos los clientes	Una por tipo de cliente
Lógica	Genérica transversal	Moldeado específico del cliente