X'inhu l-Backend-for-Frontend pattern u kif huwa relatat ma' API gateway?

Question

Accepted Answer

A **Backend-for-Frontend (BFF)** huwa gateway iddedikat għal kull tip ta' client (web, mobile, partner). Minflok gateway wieħed generiku li jservi l-clients kollha, kull frontend jirċiebi backend modellat għall-bżonnijiet tiegħu.

## Il-problema li tissolvi

App mobile u app web għandhom bżonnijiet differenti ta' data, payload-size, u chattiness. Gateway API wieħed generiku jifforza kompromessi u over-fetching.

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

## X'jagħmel BFF

- **Jaggrega** diversi service calls f'risposta waħda mformata għall-client.
- **Itqaqqas** payloads għall-clients limitati (mobile).
- Jippossiedi **logika speċifika għall-client** sabiex is-servizzi jibqgħu generiku.

```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 |
|---|---|---|
| Ambitu | Wieħed għal-clients kollha | Wieħed per tip ta' client |
| Logika | Generika cross-cutting | Client-specific shaping |

## Xoqq

Troppi BFFs jidduplikaw logika; ħallhom bla żieda u evita li tħalli business rules li għandhom jibqgħu fis-servizzi.

## Għaliex huwa importanti

BFFs jippermettu lil kull frontend li jevolvi bir-ritmu tiegħu stess b'backend li jaqbel tiegħu, minflok dak li jibgħad kull client għal kontrattu wieħed maqsum.

Huma jikkumpletaw (mhux jissostitwixu) il-gateway: il-gateway tieħu ħsieb concerns tal-edge bħala auth u routing, filwaqt li l-BFF tieħu ħsieb aggregation speċifika għall-client.

	API Gateway	BFF
Ambitu	Wieħed għal-clients kollha	Wieħed per tip ta' client
Logika	Generika cross-cutting	Client-specific shaping