انتقل إلى محتوى الدرس

API Concept and Waiter Analogy مفهوم API وتشبيه نادل المطعم

تعلّم ببساطة كيف تتواصل الواجهة الأمامية مع الواجهة الخلفية عبر واجهات API وتشبيه نادل المطعم، وصيغة JSON لتبادل البيانات، وتحديث الشاشة دون إعادة التحميل، وتصميم حالات التحميل والنجاح والفراغ والخطأ.
3 صفوف تعليمية
تكنولوجيا الويب
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لماذا لا تدخل الواجهة الأمامية في المتصفح إلى قاعدة البيانات مباشرةً؟ لأن السماح لمتصفح أي زائر بالوصول المباشر لقاعدة البيانات يعني كشف جميع الحسابات والبيانات السرية! لذلك تتحدث الواجهة الأمامية مع الواجهة الخلفية حصرياً عبر وسيط منظم ومراقَب يُسمى واجهة برمجة التطبيقات ().

وأفضل طريقة لفهم الـ هي تشبيه نادل المطعم ():

عنصر المطعم ما يقابله في هندسة الويب دوره في رحلة الطلب
صالة الطعام وقائمة الوجبات الواجهة الأمامية () المكان المرئي الذي يجلس فيه الزبون ويتصفح الخيارات ويحدد طلبه.
المطبخ المغلق ومخزن الأغذية الواجهة الخلفية وقاعدة البيانات () المكان المحمي الذي تُحفظ فيه المكونات وتُجهّز فيه الطلبات بعيداً عن الزوار.
نادل المطعم (الجرسون) واجهة برمجة التطبيقات () يأخذ طلبك المحدد من الطاولة إلى شباك المطبخ، ثم يعود إليك بالوجبة الجاهزة فقط دون دخولك للمطبخ.

تأمل المخطط التوضيحي الآتي الذي يجسد رحلة البيانات عبر النادل () وحالات الشاشة الأربع:

الصف 2 صورة توضيحية
مخطط يوضح تواصل الواجهة الأمامية مع الواجهة الخلفية عبر وسيط API وصيغة JSON وحالات الشاشة الأربع وحدود الأمان
الصف 3 ملاحظة هامة