Co je to Backend-for-Frontend pattern a jak souvisí s API gateway?

Question

Accepted Answer

**Backend-for-Frontend (BFF)** je dedikovaná brána pro každý typ klienta (web, mobilní, partner). Místo jedné generické brány sloužící všem klientům má každý frontend backend přizpůsobený jeho potřebám.

## Problém, který řeší

Mobilní aplikace a webová aplikace mají různé nároky na data, velikost datové části a komunikaci. Jedna generická API vynucuje kompromisy a nadměrné načítání.

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

## Co BFF dělá

- **Agreguje** několik volání služeb do jedné odpovědi uzpůsobené klientovi.
- **Ořezává** datové části pro omezené klienty (mobilní).
- Vlastní **logiku specifickou pro klienta**, takže služby zůstávají generické.

```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 versus brána

| | API Gateway | BFF |
|---|---|---|
| Rozsah | Jeden pro všechny klienty | Jeden na typ klienta |
| Logika | Generická crosscutting | Tvarování specifické pro klienta |

## Úskalí

Příliš mnoho BFF duplikuje logiku; udržujte je tenké a vyhněte se úniku obchodních pravidel, která patří do služeb.

## Proč je to důležité

BFF umožňují každému frontendu vyvíjet se vlastním tempem s backendem, který se mu hodí, místo aby se každý klient ohýbal jedné sdílené smlouvě.

Doplňují (nenahrazují) bránu: brána zpracovává hraniční obavy, jako je ověřování a směrování, zatímco BFF zpracovává agregaci specifickou pro klienta.

	API Gateway	BFF
Rozsah	Jeden pro všechny klienty	Jeden na typ klienta
Logika	Generická crosscutting	Tvarování specifické pro klienta