شرح صفوف ومحتوى الفقرة
عند ربط الواجهة الأمامية بالواجهة الخلفية عبر الـ ، يحتاج كل من طالب تطوير الويب وطالب الأمن السيبراني إلى إدراك حدود المسؤولية الفاصلة بين الطرفين بدقة:
| مجال المسؤولية | دور الواجهة الأمامية (في المتصفح) | دور الواجهة الخلفية (في الخادم) |
|---|---|---|
| التحقق من المدخلات | تنبيه بصري فوري لمساعدة المستخدم (مثل التذكير بكتابة علامة في البريد الإلكتروني). | التحقق الأمني الإلزامي: فحص جميع البيانات مجدداً في الخادم قبل حفظها في قاعدة البيانات. |
| الأسعار والصلاحيات | عرض الأسعار وإخفاء أزرار الإدارة عن الزائر العادي لتنظيم شكل الشاشة. | الحسم الفعلي: حساب السعر النهائي والتحقق من صلاحية المستخدم الحقيقية عند كل طلب . |
| البيانات المرسلة في الرد | تنسيق وعرض الحقول العامة المستلمة داخل بطاقات الصفحة. | عدم إرسال أي حقول سرية (مثل كلمات المرور المشفرة أو بيانات المستخدمين الآخرين) داخل تذكرة أصلاً. |
لاحظ في المثال الآتي كيف يقتصر رد الآمن على الحقول العامة المخصصة للعرض فقط دون أي بيانات سرية:
{
"username": "salma_dev",
"displayName": "Salma Ahmed",
"roleBadge": "Student",
"completedLessons": 6
}ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
تعرّفنا في هذا الدرس على آلية تواصل الواجهة الأمامية مع الواجهة الخلفية في التطبيقات اليومية، وفهمنا دور واجهة برمجة التطبيقات () من خلال تشبيه نادل المطعم، وتعرفنا على صيغة JSON لتبادل البيانات، وكيف تتحدث الشاشة في الخلفية دون إعادة تحميل كامل الصفحة عبر فكرة وتطبيقات ، وكيف نصمم الحالات البصرية الأربع للشاشة ( و و و)، وحدود المسؤولية والأمان بين الواجهتين. الخطوة التالية: انتقل الآن إلى الدرس السابع (أساسيات أداء وأمان الواجهة الأمامية) لنكتشف معاً قواعد أمان الواجهة الأمامية وسرعة الأداء وتحسين محركات البحث!