يأخذك إلى فهم وحدة HTTP بعمق

1. خادم الويب

ما هو خادم الويب؟

عندما يحتاج تطبيق (عميل) إلى مورد معين، يمكنه طلب المورد من خلال HTTP إلى الخادم؛ والخادم الذي يوفر المورد هو خادم ويب

1.1 أول تجربة مع الخادم

1.2 طريقتان لإنشاء خادم

• http.createServer سيعيد كائن الخادم
• في الواقع، تستخدم الطبقة السفلية كائن الخادم الجديد المباشر.

1.3 كائن الطلب

يقوم كائن الطلب بتغليف جميع المعلومات التي يمررها العميل إلى خادمنا.

• عنوان URL لهذا الطلب، يحتاج الخادم إلى إجراء معالجة مختلفة وفقًا لعناوين URL المختلفة

• ، مثل GET وطلب POST الوارد تختلف المعلمات وطرق المعالجة؛

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

الطلب العادي:

1.3.1 عنوان URL للطلب

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

إذا كان عنوان طلب المستخدم يحمل أيضًا بعض المعلمات الإضافية، فكيف يجب علينا تحليلها؟

يمكننا استخدام وحدة URL.

من بينها، توفر وحدة url أدوات مساعدة لمعالجة عناوين URL وتحليلها.

Import url const url = require('url')

لنفترض أن بيانات طلبنا هي:

نتيجة تحليل وحدة التحكم لعنوان url هي:

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

استيراد وحدة سلسلة الاستعلام const qs = require('querystring')；

const http = require("http")const url = require('url')const qs = require('querystring')// 1. إنشاء خادم const server = http .createServer((req, res) => {
  // استخدم الوحدة المدمجة const{ pathname,query } = url.parse(req.url)
  إذا (اسم المسار === '/ تسجيل الدخول'){
    console.log(query);
    console.log(qs.parse(query));
    const { اسم المستخدم وكلمة المرور } = qs.parse(query)
    console.log(اسم المستخدم,كلمة المرور);
    res.end('ينتهي الطلب')
  }});// 2. قم بتعيين رقم المنفذ وابدأ الخادم server.listen(8888,'0.0.0.0',()=>{
  console.log("بدأ الخادم بنجاح ~");})

• ✅نتائج إخراج وحدة التحكم:
  

1.3.2 طريقة الطلب

في المواصفات المريحة (أسلوب التصميم)، يجب أن نستخدم طرق طلب مختلفة لإضافة البيانات وحذفها وتعديلها والتحقق منها:

• الحصول على بيانات الاستعلام
• POST؛
• التصحيح
• : تحديث البيانات؛

يمكننا إجراء معالجة مختلفة من خلال الحكم على طرق الطلب المختلفة

• .

افترض أن ما يلي هو بيانات طلب JSON الخاصة بنا في النص -> كيفية جعل خادمنا يحصل على اسم المستخدم وكلمة المرور؟

• ✅نتائج إخراج وحدة التحكم
  

1.3.2 رؤوس الطلبات

نوع المحتوى هو نوع البيانات الواردة في هذا الطلب:

• التطبيق/json يعني نوع json؛
• النص/العادي يعني نوع النص؛
• التطبيق/xml يعني نوع xml؛
• بيانات النموذج متعددة الأجزاء

** المحتوى -length: **حجم الملف

الذي يظل حيًا وطوله:

• يعتمد http على بروتوكول TCP، ولكن عادةً ما تتم مقاطعته فورًا بعد الطلب والاستجابة
• في http1.0، إذا كنت ترغب في الاستمرار في الحفاظ على الاتصال : ① يحتاج المتصفح إلى إضافة اتصال: البقاء على قيد الحياة في رأس الطلب ② يحتاج الخادم إلى إضافة اتصال: keey-alive في رأس الاستجابة ③ عندما يقدم العميل طلبًا مرة أخرى، سيتم استخدام نفس الاتصال، و سيقاطع الطرف المباشر الاتصال
• ؛ في http1.1، تكون جميع الاتصالات هي الاتصال الافتراضي: البقاء على قيد الحياة: ① سيكون لخوادم الويب المختلفة أوقات مختلفة للمحافظة على الحياة ② الإعداد الافتراضي في العقدة هو 5 ثوانٍ

**accept-encoding: ** إبلاغ الخادم، العميل بتنسيق ضغط الملفات الذي يدعمه العميل، على سبيل المثال، يمكن لملفات js استخدام ترميز gzip، المطابق لملفات .gz

**قبول:** إبلاغ الخادم بأن العميل يمكنه قبول نوع تنسيق الملف

*

*user-agent:** معلومات متعلقة بالعميل؛

1.4 كائن الاستجابة

1.4.1 كائن الاستجابة-الاستجابة

إذا أردنا الرد على العميل ببيانات النتيجة، يمكننا القيام بذلك بطريقتين:

• طريقة الكتابة: هذه الطريقة تكتب البيانات مباشرة، ولكن لا يتم إغلاق الدفق
• : الطريقة الأولى هي كتابة البيانات الأخيرة وإغلاق الدفق بعد الكتابة

.

1.4.2 رمز الاستجابة والاستجابة

رمز حالة Http (رمز حالة Http) هو رمز رقمي يستخدم لتمثيل حالة استجابة Http:

• هناك العديد من رموز حالة Http، ويمكن إرجاع رموز الحالة المختلفة إلى العميل وفقًا للمواقف المختلفة
• الشائعة
؛
• الحالة الرموز هي كما يلي (سيتم استخدام رموز الحالة أيضًا في المشاريع اللاحقة)
• جمع رمز حالة http

رموز الاستجابة الشائعة:

:

1.4.3 يقوم رأس الاستجابة

بإرجاع معلومات الرأس. هناك طريقتان رئيسيتان:

• res.setHeader: كتابة معلومات رأس واحدة في كل مرة؛
• res.writeHead: كتابة الرأس والحالة في نفس الوقت