Backend-for-Frontend pattern là gì và nó liên quan đến API gateway ra sao?

Question

Accepted Answer

Một **Backend-for-Frontend (BFF)** là một gateway chuyên biệt cho mỗi loại client (web, mobile, đối tác). Thay vì một gateway chung phục vụ mọi client, mỗi frontend có một backend được may đo theo nhu cầu của nó.

## Vấn đề nó giải quyết

Một ứng dụng mobile và một ứng dụng web có nhu cầu khác nhau về dữ liệu, kích thước payload, và mức độ "tán gẫu" (chattiness). Một API chung duy nhất buộc phải thỏa hiệp và over-fetching.

```text
Không có BFF:        Có BFF:
  Tất cả client        Web ─▶ Web BFF ─┐
     │                 Mobile ─▶ Mobile BFF ─┼─▶ microservices
  một API chung        Partner ─▶ Partner BFF ─┘
```

## BFF làm gì

- **Tổng hợp (aggregate)** nhiều lời gọi service thành một phản hồi đúng hình dạng cho client.
- **Cắt gọn** payload cho các client bị giới hạn (mobile).
- Sở hữu **logic riêng cho từng client** để các service giữ tính tổng quát.

```js
// Mobile BFF: một lời gọi → ghép một payload màn hình gọn nhẹ
app.get('/home', async (req) => {
  const [user, orders] = await Promise.all([
    usersApi.get(req.userId),
    ordersApi.recent(req.userId, { limit: 3 }) // nhỏ cho mobile
  ]);
  return { name: user.name, recentOrders: orders }; // hình dạng may đo
});
```

## BFF và gateway

| | API Gateway | BFF |
|---|---|---|
| Phạm vi | Một cho mọi client | Một cho mỗi loại client |
| Logic | Xuyên suốt chung | Định hình riêng cho client |

## Cạm bẫy

Quá nhiều BFF gây lặp logic; hãy giữ chúng mỏng và tránh để rò rỉ business rule vốn thuộc về các service.

## Tại sao điều này quan trọng

BFF cho phép mỗi frontend tiến hóa theo nhịp riêng với một backend vừa vặn với nó, thay vì uốn mọi client theo một hợp đồng dùng chung.

Chúng bổ sung (không thay thế) gateway: gateway xử lý các mối quan tâm ở rìa như auth và định tuyến, còn BFF xử lý việc tổng hợp riêng cho client.

	API Gateway	BFF
Phạm vi	Một cho mọi client	Một cho mỗi loại client
Logic	Xuyên suốt chung	Định hình riêng cho client