รูปแบบ Backend-for-Frontend คืออะไร และมีความสัมพันธ์กับ API gateway อย่างไร?

Question

Accepted Answer

**Backend-for-Frontend (BFF)** คือประตูทางเข้าที่มีเฉพาะสำหรับแต่ละประเภทของไคลเอนต์ (เว็บ มือถือ พาร์ตเนอร์) แทนที่จะใช้ประตูทางเข้าหลักสำหรับไคลเอนต์ทั้งหมด ทุก frontend จะมี backend ที่ปรับแต่งมาให้เหมาะสมกับความต้องการของมัน

## ปัญหาที่แก้ไข

แอปพลิเคชันมือถือและแอปพลิเคชันเว็บมีความต้องการที่แตกต่างกันในด้านข้อมูล ขนาดเพย์โหลด และความถี่ในการส่งข้อมูล API ทั่วไปหนึ่งตัวจะบังคับให้เกิดการประนีประนอมและการดึงข้อมูลมากเกินไป

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

## BFF ทำหน้าที่อะไร

- **รวมการเรียก** บริการหลาย ๆ ครั้งเข้าเป็นการตอบสนองที่ปรับรูปแบบสำหรับไคลเอนต์
- **ตัดข้อมูล** เพย์โหลดสำหรับไคลเอนต์ที่มีข้อจำกัด (มือถือ)
- **เป็นเจ้าของตรรกะเฉพาะไคลเอนต์** เพื่อให้บริการต่างๆ อยู่ในสถานะทั่วไป

```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 เปรียบเทียบกับประตูทางเข้า

| | API Gateway | BFF |
|---|---|---|
| ขอบเขต | ประตูทางเข้าเดียวสำหรับไคลเอนต์ทั้งหมด | ประตูทางเข้าสำหรับแต่ละประเภทของไคลเอนต์ |
| ตรรกะ | ตรรกะทั่วไปสำหรับการข้ามแบบเฉียง | การปรับรูปแบบเฉพาะไคลเอนต์ |

## ข้อควรระวัง

BFF มากเกินไปจะทำให้เกิดการทำซ้ำตรรกะ ให้มันค่อนข้างเรียบง่ายและหลีกเลี่ยงการรั่วไหลของกฎธุรกิจที่ควรอยู่ในบริการ

## ทำไมจึงสำคัญ

BFF ให้แต่ละ frontend พัฒนาตามความเร็วของตัวเองด้วย backend ที่เหมาะสม แทนที่จะต้องดัดแปลงทุกไคลเอนต์ให้เข้ากับข้อตกลงร่วม

พวกเขาเสริมเต็มเปิ่น (ไม่ใช่แทนที่) ประตูทางเข้า ประตูทางเข้าจัดการกับปัญหาด้านขอบหลักเช่นการตรวจสอบและการกำหนดเส้นทาง ในขณะที่ BFF จัดการการรวมตัวเฉพาะไคลเอนต์

	API Gateway	BFF
ขอบเขต	ประตูทางเข้าเดียวสำหรับไคลเอนต์ทั้งหมด	ประตูทางเข้าสำหรับแต่ละประเภทของไคลเอนต์
ตรรกะ	ตรรกะทั่วไปสำหรับการข้ามแบบเฉียง	การปรับรูปแบบเฉพาะไคลเอนต์