برمجة مواقع إلكترونية: مكونات الموقع من الداخل

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

ما الفرق بين الواجهة الأمامية والخلفية؟

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

ما دور قاعدة البيانات؟

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

ما هي لوحة التحكم ولماذا تصر عليها؟

لوحة التحكم هي الطبقة التي تفصل بينك وبين الحاجة للمطوّر في كل تعديل. بها تضيف مقالاً أو منتجاً، تعدّل نصاً، ترفع صورة، تقرأ الرسائل الواردة، وتطفئ قسماً مؤقتاً. الموقع الذي يُسلَّم بلا لوحة تحكم يبدو أرخص في الفاتورة الأولى ثم يتحول إلى اشتراك مفتوح: كل تغيير كلمة يمر عبر جهة خارجية. اطلب أثناء التسليم عرضاً عملياً للوحة، وجرّب بنفسك إضافة صفحة وتعديل نص وحذفهما قبل أن توقّع على الاستلام.

أين يدخل الأمان في هذه الطبقات؟

الأمان ليس طبقة خامسة بل شرط في كل طبقة:

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

لماذا يتعطل الموقع فجأة وأين تبحث؟

معرفة الطبقات تختصر عليك نصف وقت التشخيص، لأن لكل عطل موضعاً متوقعاً:

• الموقع لا يفتح إطلاقاً — المشكلة غالباً في الاستضافة أو انتهاء صلاحية الدومين، لا في الكود.
• تحذير أمني في المتصفح — شهادة SSL انتهت وتحتاج تجديداً.
• الصفحات تفتح والنماذج لا تصل — الخلل في إعداد البريد على الخادم لا في التصميم.
• الموقع بطيء فجأة — استعلامات ثقيلة على قاعدة البيانات أو صور كبيرة أُضيفت حديثاً من لوحة التحكم.
• محتوى غريب ظهر في الصفحات — اختراق ناتج عن مكوّن قديم لم يُحدَّث، وهنا تظهر قيمة النسخة الاحتياطية.

ماذا يعني هذا عملياً عند طلب موقع؟

حوّل ما سبق إلى أسئلة تسألها قبل التعاقد: هل أستلم الكود المصدري للطبقتين معاً؟ ما نظام قاعدة البيانات المستخدم وكيف أخرج بنسخة منها؟ هل لوحة التحكم جزء من التسليم أم إضافة مدفوعة؟ وما آلية التحديثات الأمنية بعد الإطلاق؟ إجابات مكتوبة على هذه الأسئلة تساوي أكثر من أي عرض تقديمي، وهي التي تفرّق بين موقع تملكه فعلاً وموقع تستأجره دون أن تدري. وأضف سؤالاً خامساً كثيراً ما يُنسى: أين تُحفظ النسخ الاحتياطية وكيف أستعيد الموقع بنفسي لو احتجت؟ نسخة احتياطية على نفس الخادم الذي قد يتعطل ليست نسخة احتياطية حقيقية.

الخلاصة

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