ما هو نمط Backend-for-Frontend وكيف يرتبط بـ API gateway؟

Question

Accepted Answer

**Backend-for-Frontend (BFF)** هو عبارة عن بوابة مخصصة لكل نوع عميل (ويب، جوال، شريك). بدلاً من بوابة عامة واحدة تخدم جميع العملاء، يحصل كل واجهة أمامية على خادم خلفي مصمم خصيصاً لاحتياجاتها.

## المشكلة التي تحلها

تطبيق الجوال وتطبيق الويب لهما احتياجات مختلفة من البيانات وحجم الحمل والاتصالات. تفرض بوابة 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 |
|---|---|---|
| النطاق | واحدة لجميع العملاء | واحدة لكل نوع عميل |
| المنطق | عام متقاطع | تشكيل خاص بالعميل |

## الفخ

عدد كبير جداً من BFFs يكرر المنطق؛ احتفظ بها رقيقة وتجنب تسرب قواعد العمل التي تنتمي إلى الخدمات.

## لماذا يعتبر مهم

تسمح BFFs لكل واجهة أمامية بالتطور بخطتها الخاصة مع خادم خلفي يناسبها، بدلاً من انحناء كل عميل لعقد مشترك واحد.

تكمل (وليس تحل محل) البوابة: تتعامل البوابة مع المخاوف الحدية مثل المصادقة والتوجيه، بينما يتعامل BFF مع التجميع الخاص بالعميل.

	API Gateway	BFF
النطاق	واحدة لجميع العملاء	واحدة لكل نوع عميل
المنطق	عام متقاطع	تشكيل خاص بالعميل