الطبقة التي تصل بينهما هي الـ API.

Browser (Frontend)  →  API (Backend)  →  Database
                     ←  JSON           ←

كيف يعمل؟

1. الواجهة الأمامية تطلب بيانات: GET /api/products.
2. الـ API يتحقق من الطلب والصلاحيات، ثم يستعلم من قاعدة البيانات.
3. يعيد النتيجة بصيغة مثل JSON.

لماذا لا تتصل الواجهة بقاعدة البيانات مباشرة؟

لأن ذلك يعني وضع بيانات الدخول إلى قاعدة البيانات في المتصفح، فيستطيع أي زائر رؤيتها والتلاعب بالبيانات. الـ API يحمي قاعدة البيانات ويحدد بالضبط ما المسموح.

أما JSON فهو صيغة البيانات المتبادلة، وليس الطبقة نفسها.