Cos'è il pattern Backend-for-Frontend e come si relaziona con un API gateway?

Question

Accepted Answer

Un **Backend-for-Frontend (BFF)** è un gateway dedicato per tipo di client (web, mobile, partner). Invece di un unico gateway generico che serve tutti i client, ogni frontend ottiene un backend personalizzato alle sue esigenze.

## Perché è importante

Un'app mobile e un'app web hanno esigenze diverse di dati, dimensioni di payload e chattiness. Un singolo API generico forza compromessi e over-fetching.

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

## Cosa fa un BFF

- **Aggrega** diverse chiamate ai servizi in una risposta modellata sul client.
- **Riduce** i payload per client con risorse limitate (mobile).
- Possiede **logica client-specifica** in modo che i servizi rimangono generici.

```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 gateway

| | API Gateway | BFF |
|---|---|---|
| Scope | Uno per tutti i client | Uno per tipo di client |
| Logica | Generica cross-cutting | Shaping client-specifico |

## Insidia

Troppi BFF duplicano la logica; mantienili snelli ed evita di far trapelare regole di business che appartengono ai servizi.

## Perché è importante

I BFF permettono a ogni frontend di evolvere al proprio ritmo con un backend che si adatta ad esso, invece di forzare ogni client a un unico contratto condiviso.

Complementano (non sostituiscono) il gateway: il gateway gestisce questioni edge come autenticazione e routing, mentre il BFF gestisce l'aggregazione client-specifica.

	API Gateway	BFF
Scope	Uno per tutti i client	Uno per tipo di client
Logica	Generica cross-cutting	Shaping client-specifico