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

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

لذلك ، تعد الواجهة الخلفية لموقع الويب أحد أهم مكونات موقع الويب ، وهي بمثابة الهيكل العظمي لموقع الويب ، في حين أن الواجهة الأمامية هي مجرد نظرة تم تطويرها للمستخدمين.

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

(حقوق الصورة: 3NY Technology)

كيف تعمل الواجهة الخلفية

إذن ، كيف تعمل الواجهة الخلفية؟ يُعرف أيضًا باسم جانب الخادم لموقع الويب ، ويتطلب أكثر من مجرد التصميم للعمل بشكل صحيح. قبل المضي قدمًا ، عليك أن تفهم ما هو حقًا جانب الخادم لموقع الويب.

فيما يلي المكونات الأساسية الثلاثة لجانب الخادم لموقع الويب. يجب أن تفهم هذه قبل محاولة فهم كيفية عمل الواجهة الخلفية. هذه المكونات مسؤولة فعليًا عن التعامل مع جميع الاستعلامات الواردة من الواجهة الأمامية وإعادة إرسال الاستجابة المناسبة ومجموعات البيانات لعرضها على المتصفح للمستخدمين.

• الخادم
• تطبيق
• قاعدة البيانات

ما هو الخادم؟

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

الغرض الأساسي من الخادم هو التعامل مع جميع الطلبات الواردة ، والخادم هو في الأساس جهاز كمبيوتر مسؤول عن معالجة جميع الطلبات الواردة فيما يتعلق بإجراءات المستخدم والنقرات على الواجهة الأمامية.

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

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

ما هو التطبيق؟

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

تتمثل الوظيفة الأساسية لهذه التطبيقات في فهم المنطق في الأوامر المستندة إلى النصوص والاستجابة لهذا المنطق عن طريق إعادة المجموعة الصحيحة من المعلومات. تعمل هذه التطبيقات كوسطاء بين الواجهة الأمامية والخوادم من جانب الخادم.

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

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

قاعدة البيانات هي مصطلح شائع آخر يجب أن تكون قد سمعته مئات المرات على الأقل في حياتك في الماضي القريب. ومع ذلك ، هل تفهم ما هي قاعدة البيانات ووظائفها الأساسية ككائن من جانب الخادم؟

قاعدة البيانات هي مجموعة من جميع المعلومات المختلفة المخزنة على جهاز أو كمبيوتر خادم. تتكون قاعدة البيانات من جداول مختلفة بأسماء أعمدة مناسبة. تحتوي هذه الجداول على معلومات تُستخدم لملء المربعات والمكونات المختلفة في الواجهة الأمامية لأي موقع ويب.

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

اختبر أداء موقعك وتحسين محركات البحث في 60 ثانية!

يعد التصميم الجيد لموقع الويب أمرًا بالغ الأهمية لمشاركة الزائرين والتحويلات ، ولكن موقع الويب البطيء أو أخطاء الأداء يمكن أن تجعل أداء أفضل موقع ويب أقل تصميمًا. يعد Diib من أفضل أدوات مراقبة أداء مواقع الويب وتحسين محركات البحث في العالم. يستخدم Diib قوة البيانات الضخمة لمساعدتك على زيادة حركة المرور والتصنيفات الخاصة بك بسرعة وسهولة. كما رأينا في Entrepreneur!

• أداة آلية لتحسين محركات البحث سهلة الاستخدام
• أفكار + مراقبة الكلمات الرئيسية والروابط الخلفية
• يضمن السرعة والأمان وتتبع العناصر الحيوية الأساسية

• يقترح بذكاء أفكارًا لتحسين مُحسّنات محرّكات البحث
• أكثر من 250.000 ألف عضو عالمي
• المقارنة المعيارية المضمنة وتحليل المنافسين

على سبيل المثال "www.diib.com"

الاشتراك مجانا

مستخدمة من قبل أكثر من 250 ألف شركة ومؤسسة:

• 
• 
• 
• 

يتزامن مع

كيف يستجيب الخادم للطلب الوارد؟

الآن بعد أن فهمت المكونات الثلاثة الأساسية لجانب الخادم لموقع الويب ، فأنت بحاجة إلى فهم أنواع الاستجابات المختلفة التي يمكن للخادم إرسالها مرة أخرى إلى الطلبات الواردة.

يعد تنسيق ملف JSON أحد أكثر الأشكال شيوعًا لإرسال البيانات مرة أخرى إلى المستخدم. لا يمكنك أن تتوقع من الخادم أن يجمع كل شيء من قاعدة البيانات ويرسلها مرة أخرى إلى الواجهة الأمامية. يجب أن تكون البيانات بتنسيق مناسب يمكن فهمه بسهولة عن طريق ترميز الواجهة الأمامية وعرضها بشكل صحيح في متصفح المستخدم.

لذلك ، بمجرد قيام التطبيق بتحليل الاستعلام الوارد والموافقة على تبادل البيانات ، يرسل الخادم البيانات مرة أخرى في شكل تنسيق JSON في ملف HTML الذي يتم تحليله لاحقًا في كائنات مختلفة لمتصفح المستخدم. هذا ما يبدو عليه تنسيق JSON:

ما هي بعض الأشياء الأخرى التي يجب أن تعرفها عن جانب خادم موقع الويب؟

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

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

هناك شيء آخر يتعلق بالتشفير من جانب الخادم لموقع الويب وهو أنه لا يمكنه إرسال سوى استجابة واحدة لكل طلب. إذا بدأ في إرسال المزيد من الردود لطلب واحد ، فسوف ينتهي به الأمر بإلقاء أخطاء ، ولن يعمل موقع الويب الخاص بك بشكل صحيح.

كيف تتواصل الواجهة الأمامية مع الخادم؟

الآن بعد أن فهمت كيفية عمل جانب الخادم والمكونات المختلفة لجانب الخادم ، فأنت بحاجة إلى فهم كيفية تواصل الواجهة الأمامية مع جانب الخادم. إذا أردت أن

لفهم كيفية عمل الواجهة الخلفية ، ستحتاج إلى فهم كيفية إنشاء الطلب من الواجهة الأمامية وإعادته إلى جانب الخادم.

إنشاء طلب من الواجهة الأمامية

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

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

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

https://www.fancyrestaurant.com/dishes/123456

طلب الوصول إلى جانب الخادم

تشير الكلمة الأساسية GET في الطلب إلى أن الواجهة الأمامية تطلب البيانات فقط ، ولا تتطلب أي تعديلات في قاعدة البيانات الفعلية. يشير / أطباق / 123456 إلى أن العميل يبحث عن شيء ما في الأطباق بمعرف فريد 123456. يتم إرسال هذا الطلب مرة أخرى إلى جانب الخادم ، ويبدأ جانب الخادم في تحليل هذا الطلب الوارد للعثور على البيانات ذات الصلة وإرسالها يعود إلى الواجهة الأمامية.

عندما يتلقى جانب الخادم طلبًا واردًا ، يوزع التطبيق طلب GET هذا ويبدأ في البحث عن المعرف الفريد 123456 ضمن أطباق المجلد. لا تزال بعض الممارسات القديمة تستخدم نظام قاعدة بيانات قائم على الملفات. ومع ذلك ، تتطلب ممارسات تطوير مواقع الويب الحديثة نظام قاعدة بيانات مُحسَّن جيدًا ، مثل SQL و MySQL و MongoDB وما إلى ذلك.

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

إعادة إرسال المعلومات إلى الواجهة الأمامية

قد تكون المعلومات المطلوبة بتنسيقات مختلفة كما هو محدد من قبل مطوري الويب. قد يضطر التطبيق إلى الجمع بين أعمدة مختلفة وأجزاء من المعلومات بتنسيق JSON قبل إرسالها مرة أخرى إلى الواجهة الأمامية.

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

إذا لم يعثر التطبيق على أي شيء في قاعدة البيانات الخاصة به ، فسيرسل سريعًا "رمز الحالة 404" للإشارة إلى عدم وجود شيء من هذا النوع في قاعدة البيانات ، وسيرى المستخدمون رمز الخطأ "لم يتم العثور على صفحة" على المستعرضات الخاصة بهم .

من ناحية أخرى ، إذا كانت هناك بالفعل معلومات تتعلق بطبقك المفضل ، فسيحتوي ملف JSON ذي الصلة على رمز حالة HTTP 200 ، مما يعني أن الطلب قد نجح في استرداد المعلومات ذات الصلة من جانب الخادم. على سبيل المثال:

يتم إرسال هذه المعلومات مرة أخرى إلى الواجهة الأمامية بتنسيق ملف JSON. تفهم المتصفحات كيفية الحصول على المعلومات ذات الصلة من ملف JSON وعرضها في فئات ومكونات مختلفة على الواجهة الأمامية لموقع الويب. اكتملت المعاملة.

كيف يتم تطوير جانب الخادم؟

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

ومع ذلك ، فإن التطوير من جانب الخادم يختلف قليلاً عن تطوير الواجهة الأمامية ، ويتطلب مجموعة مختلفة من المهارات. هذه بعض الخطوات الأكثر شيوعًا المستخدمة في تطوير جانب الخادم لموقع الويب الخاص بك.

إعداد الخادم

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

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

عادة ، عندما تقوم بتوظيف مطور ويب لإعداد جانب الخادم الخاص بك ، فإنهم يستخدمون الخادم الذي توفره شركة استضافة الويب الخاصة بك. سيقوم مطورو الويب بإعداد الخادم للتعامل مع طلبات محددة من عنوان IP الفريد لموقع الويب الخاص بك ، وسيقومون أيضًا بإعداد ارتباط بين الواجهة الأمامية وجانب الخادم.

إعداد التطبيق

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

المطورين من جانب الخادم على دراية جيدة بفن ابتكار تطبيقات مخصصة مصممة للتعامل مع طلبات HTTPS ذات الصلة والطلبات الأخرى من الواجهة الأمامية الخاصة بك. لا تتطلب هذه التطبيقات الكثير وهي سهلة الإعداد حيث يتعين عليها فقط التحقق من صحة الطلبات الواردة من الواجهة الأمامية وإرسال البيانات ذات الصلة بتنسيق معين.

نأمل أن تكون قد وجدت هذه المقالة مفيدة.

إذا كنت تريد معرفة المزيد عن صحة موقعك ، احصل على توصيات وتنبيهات شخصية ، قم بفحص موقع الويب الخاص بك بواسطة Diib. يستغرق 60 ثانية فقط.

أدخل موقع الويب الخاص بك

على سبيل المثال "www.diib.com"

الاشتراك مجانا

لقد وجدت أن Diib مفيد جدًا في إزالة الغموض عن بيانات Google Analytics والتي قد تكون مربكة. تتصفح الخدمة بياناتك وتبحث عن المجالات التي يمكنك تحسينها - حتى لو كنت خبيرًا ، فسيوفر ذلك الوقت. بالنسبة لي ، فهذا يعني أن البيانات التي تم جمعها بواسطة Google Analytics تصبح قابلة للتنفيذ حتى أتمكن من التحسين ، بدلاً من مجرد الاهتمام.

نيك كوليباتش
توريد غطاء RV

إنشاء قاعدة البيانات

نظرًا لأنك مستخدم في العصر الحديث ، فسوف تستثمر وقتك ومواردك في إنشاء قاعدة بيانات حديثة ، مثل SQL و MySQL و MongoDB. يتم تدريب المطورين من جانب الخادم أيضًا على فن إعداد قواعد البيانات وإنشاء جداول مختلفة لتحسين بياناتك بسهولة وتخزينها بتنسيق يسهل الوصول إليه.

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

هذا هو المكان الذي يمكن للخبراء من جانب الخادم الانتقال إليه وحفظ اليوم بالتنسيق المناسب لجداول البيانات عن طريق إنشاء جداول بيانات مختلفة تحتوي على معلومات مختلفة لمنتجاتك ذات الصلة لمكونات الواجهة الأمامية.

اللمسات الأخيرة

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

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

كيف يمكن أن يساعدك جانب الخادم المُحسَّن جيدًا؟

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

(مصدر الصورة: Crazy Egg)

لذلك ، إذا كنت تدير شركة تجارة إلكترونية وتحتاج إلى التغلب على منافسيك ، فستحتاج إلى استثمار أموالك في تجهيز جانب الخادم للتنافس مع الواجهة الأمامية لموقع الويب الخاص بك.

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

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

ديب: نحن نراقب صحة الواجهة الخلفية لموقعك!

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

تقدم Diib Digital مراقبة شاملة لخلفية موقع الويب الخاص بك ؛ الصحة العامة والسرعة. إليك بعض الميزات التي نحن على يقين من أنك ستحبها:

• أدوات مراقبة وتتبع الكلمات الرئيسية والوصلة الخلفية والفهرسة
• تجربة المستخدم وتحسين سرعة الهاتف المحمول
• تحليل سرعة تحميل الموقع وإصلاحها
• تكامل وأداء وسائل التواصل الاجتماعي
• الصفحات المكسورة التي يوجد بها روابط خلفية (404 checker)
• المراقبة الفنية لتحسين محركات البحث

انقر هنا للحصول على فحص مجاني أو اتصل ببساطة على 800-303-3510 للتحدث إلى أحد خبراء النمو لدينا.