كيف يعمل الويب ، الجزء الثاني: ماذا يحدث عند زيارة URL

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

تتعدد التقنيات المستخدمة ، من اللحظة التي تضغط فيها على الزر Enter حتى تعرض صفحة الويب. تحدثنا في مقالنا السابق عن Hypertext و HTTP ، لكن هذه كانت البداية فقط:

• تقوم خوادم الويب (مثل apache2 و nginx) بتنفيذ بروتوكول HTTP إلى جانب بعض الوظائف الأخرى التي تمكن متصفحات الويب من الاتصال وطلب واستقبال بيانات الويب. HTTP هي القناة التي تنتقل من خلالها الرسائل وصفحات الويب والصور والموارد بين خادم الويب والمتصفح.
  
  تتطلب شبكة الويب الحديثة الكثير من المتطلبات وقد ارتفعت خوادم الويب الحديثة إلى مستوى هذا التحدي. قابلية التوسع والأمن هما الشاغلان الرئيسيان لعالم اليوم. خوادم الويب الحديثة قابلة للتطوير بدرجة كبيرة (قادرة على التعامل مع أكثر من 10000 اتصال متزامن) ، وتوفر خيارات متعددة لموازنة التحميل ، ودعم SSL / TLS و HTTP / 2. التحسين الأساسي لـ HTTP / 2 عبر HTTP / 1.1 هو بلا شك إدارة دفق الحزمة الفائقة. أصبح دفق الفيديو منتشرًا اليوم ولم يتمكن HTTP / 1.1 من تلبية احتياجات جميع الأجهزة المختلفة اليوم وقدرات الشبكة وكمية مستخدمي الويب عبر الإنترنت.

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

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

• النهاية الخلفية (على سبيل المثال PHP ، أو Java) عبارة عن كود ممزوج بـ HTML ، يتم تنفيذه بواسطة خادم الويب عند انتهاء الحساب.
  
  في الوقت الحاضر ، جميع مواقع الويب ديناميكية ؛ مما يعني أنه لم تعد هناك ملفات .html بسيطة يتم عرضها على المتصفح بعد الآن. يمكن استخدام جميع اللغات الحديثة ، مع إضافة مكتبات برمجية تسمى أطر الويب ، كحل خلفي لموقع ويب. الإصدار الأخير من PHP 7 وتحسينات الأداء الرائعة والميزات التي أدخلتها ، بالإضافة إلى HHVM من Facebook ، نقلت العملية برمتها إلى المستوى التالي.

• الواجهة الأمامية (Javascript) عبارة عن كود ممزوج أيضًا بـ HTML ولكن يتم تنفيذه محليًا على جهاز الكمبيوتر الخاص بك ، بواسطة متصفح الويب الخاص بك.
  
  ربما كان التطور الأكثر إثارة للإعجاب والإعجاب في الويب الحديث هو جافا سكريبت. لقد تحول من كونه الأخ الأصغر البسيط لجافا ، والذي يستخدم لإنشاء القوائم وعرض النوافذ المنبثقة ، إلى لغة برمجة قوية تستخدم في كل من العميل والخادم. في هذه الأيام ، يمكنه فعل أي شيء على متصفح الويب وبسرعة كبيرة. لقد كان محرك V8 Javascript من Google مغيرًا تقنيًا رئيسيًا للعبة.

ماذا يحدث عند زيارة URL

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

استضافة موقع الويب الخاص بك مع Pressidium

ضمان استرداد الأموال لمدة 60 يومًا

اطلع على خططنا

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

1. يقوم المستعرض الخاص بك أولاً باستدعاء وحدة برمجية تسمى محلل DNS تم تكوينها على جهاز الكمبيوتر الخاص بك ، ويطلب عنوان IP الذي يتوافق مع عنوان URL الذي أدخلته.
   DNS (نظام اسم المجال) هو خدمة إنترنت أساسية تقوم بتعيين أسماء أجهزة الكمبيوتر (مثل www.pressidium.com ) في عناوين IP. عناوين IP هي ما تفهمه أجهزة الكمبيوتر المتصلة بالإنترنت ويمكنها الاتصال بها. سنستكشف ما هو وكيف يعمل في مقالنا التالي.
2. يقوم المستعرض الخاص بك ، بعد ذلك ، ببدء الاتصال بعنوان IP هذا ، باستخدام المنفذ 80 أو 443.
   يشير عنوان IP إلى الخادم ، بينما يشير رقم المنفذ إلى الخدمة التي تريد الاتصال بها. تعمل جميع خوادم الويب بشكل افتراضي على المنفذ 80 ، بينما يتم استخدام المنفذ 443 لاتصالات الويب الآمنة.
   يعالج خادم الويب عنوان URL الذي أدخلته ويمنح التحكم إلى النهاية الخلفية. تقوم التعليمات البرمجية الخلفية بإنشاء صفحة HTML وتسليمها إلى خادم الويب. يرسل خادم الويب ، أخيرًا ، صفحة HTML إلى المتصفح ، عبر قناة HTTP.
3. هناك الكثير من الأشياء التي تحدث في جزء من الثانية يستغرقها خادم الويب لإرسال HTML مرة أخرى. عادةً ما يتصل الكود الخلفي في موقع الويب بقاعدة بيانات ، وينفذ الاستعلامات ، ويستعيد البيانات ، ويتصل بخدمات خلفية أخرى ، ويجمع كل شيء في مستند HTML. ، والتي يتم إنشاؤها أثناء التنقل باستخدام مجموعة متنوعة من التقنيات والمكونات المختلفة.
4. يتلقى مستعرض الويب الخاص بك صفحة HTML ، ويغلق الاتصال بخادم الويب ثم يعرضها على شاشتك. يقوم بتنفيذ كود Javascript الموجود في HTML. يتبع تصميم الويب الحديث منهجًا يسمى Respive Design. يستخدم هذا الأسلوب HTML و CSS و Javascript للتكيف ديناميكيًا مع تخطيط صفحة الويب ، اعتمادًا على الجهاز الذي تستخدمه للتصفح. أصبح هذا مهمًا جدًا هذه الأيام مع النمو الهائل للأجهزة المحمولة والأجهزة اللوحية.

ماذا بعد؟

حتى الآن ، تطرقنا بإيجاز إلى مجموعة متنوعة من تقنيات الويب الحديثة ، وما يحدث عند زيارة عنوان URL. لا شك أن تقنيات الويب معقدة ومتعددة ولا يمكن تغطيتها بشكل مرضٍ في مقال واحد فقط. من خلال سلسلة التدوينات هذه ، نهدف بشكل أساسي إلى منحك وجهة نظر "عين النسر" للإنترنت والويب.
في الجزء التالي من هذه السلسلة الممتعة ، سنزور بنية أساسية أخرى مهمة للإنترنت ، نظام اسم المجال. بدونها لن يعمل شيء حقًا! (على الأقل بالنسبة لنا نحن البشر).