พาคุณมาทำความเข้าใจโมดูล HTTP แบบเจาะลึก

1. เว็บเซิร์ฟเวอร์

เว็บเซิร์ฟเวอร์คืออะไร?

เมื่อแอปพลิเคชัน (ไคลเอนต์) ต้องการทรัพยากรบางอย่าง ก็สามารถร้องขอทรัพยากรผ่าน HTTP ไปยังเซิร์ฟเวอร์ได้ เซิร์ฟเวอร์ที่ให้ทรัพยากรนั้นเป็นเว็บเซิร์ฟเวอร์

1.1 ประสบการณ์ครั้งแรกกับเซิร์ฟเวอร์

1.2 สองวิธีในการสร้างเซิร์ฟเวอร์

• http.createServer จะส่งคืนอ็อบเจ็กต์เซิร์ฟเวอร์
• อันที่จริง เลเยอร์ด้านล่างใช้อ็อบเจ็กต์เซิร์ฟเวอร์ใหม่โดยตรง

1.3 วัตถุคำขอ

วัตถุคำขอสรุปข้อมูลทั้งหมดที่ส่งผ่านโดยไคลเอนต์ไปยังเซิร์ฟเวอร์ของเรา

• URL ของคำขอนี้ เซิร์ฟเวอร์จำเป็นต้องดำเนินการประมวลผลที่แตกต่างกันตาม URL ที่แตกต่างกัน

• วิธีการร้องขอของคำขอนี้ เช่น GET, POST คำขอขาเข้า พารามิเตอร์และวิธีการประมวลผลแตกต่างกัน ส่วน

• หัวของคำขอนี้ยังมีข้อมูลบางอย่าง เช่น ข้อมูลไคลเอ็นต์ รูปแบบการรับข้อมูล รูปแบบการเข้ารหัสที่รองรับ ฯลฯ...

คำขอปกติ:

1.3.1 request-url

เมื่อส่งคำขอ ลูกค้าจะขอข้อมูลที่แตกต่างกัน จากนั้นที่อยู่คำขอที่แตกต่างกันจะถูกส่งเข้าไป เซิร์ฟเวอร์จำเป็นต้องทำการตอบกลับที่แตกต่างกันตามที่อยู่คำขอที่แตกต่างกัน

หากที่อยู่คำขอของผู้ใช้มีพารามิเตอร์เพิ่มเติมด้วย เราควรแยกวิเคราะห์อย่างไร

เราสามารถใช้โมดูล url

ในหมู่พวกเขา โมดูล url มีเครื่องมืออรรถประโยชน์สำหรับการประมวลผล URL และการแยกวิเคราะห์

นำเข้า url const url = need('url')

สมมติว่าข้อมูลคำขอของเราคือ:

ผลลัพธ์ของคอนโซลแยกวิเคราะห์ URL คือ:

ในบรรดาชื่อพาธคือเส้นทางสุดท้ายที่เราต้องได้รับ จุดประสงค์ของเราคือการได้รับชื่อผู้ใช้และรหัสผ่านแยกกันในการสืบค้น

นำเข้าโมดูลสตริงการสืบค้น const qs = require('querystring')；

const http = need("http")const url = need('url')const qs = need('querystring')// 1. สร้างเซิร์ฟเวอร์ const server = http .createServer((req, res) => {
  // ใช้โมดูลในตัว const{ pathname,query } = url.parse(req.url)
  ถ้า (ชื่อพาธ === '/เข้าสู่ระบบ'){
    console.log(สอบถาม);
    console.log(qs.parse(แบบสอบถาม));
    const { ชื่อผู้ใช้ รหัสผ่าน } = qs.parse (แบบสอบถาม)
    console.log(ชื่อผู้ใช้,รหัสผ่าน);
    res.end('คำขอสิ้นสุด')
  }});// 2. ตั้งค่าหมายเลขพอร์ตและเริ่มต้นเซิร์ฟเวอร์ server.listen(8888,'0.0.0.0',()=>{
  console.log("เซิร์ฟเวอร์เริ่มทำงานสำเร็จ~");})

• ✅ผลลัพธ์เอาต์พุตคอนโซล:
  

1.3.2 วิธีการร้องขอ

ในข้อกำหนด Restful (รูปแบบการออกแบบ) เราควรใช้วิธีการร้องขอที่แตกต่างกันในการเพิ่ม ลบ แก้ไข และตรวจสอบข้อมูล:

• GET: ข้อมูลแบบสอบถาม;
• POST: สร้างข้อมูลใหม่;
• PATCH: อัปเดตข้อมูล
• ; ข้อมูล

เราสามารถดำเนินการประมวลผลที่แตกต่างกันโดยการตัดสินวิธีการร้องขอที่แตกต่างกัน

สมมติว่าต่อไปนี้เป็นข้อมูลคำขอ JSON ของเราในร่างกาย -> จะทำให้เซิร์ฟเวอร์ของเราได้รับชื่อผู้ใช้และรหัสผ่านได้อย่างไร

• ✅ผลลัพธ์เอาต์พุตคอนโซล
  

1.3.2 ส่วนหัวคำขอ

คือ

ประเภทของข้อมูลที่ใช้ในคำขอนี้:

• application/json หมายถึงประเภท json;
• text/plain หมายถึงประเภทข้อความ;
• application/xml หมายถึงประเภท xml;
• multipart/form-data หมายถึงไฟล์ที่อัปโหลด;

-length: **ขนาดและความยาวของไฟล์

ที่คงอยู่:

• http ขึ้นอยู่กับโปรโตคอล TCP แต่โดยปกติจะถูกขัดจังหวะทันทีหลังจากการร้องขอและการตอบกลับ
• ใน http1.0 หากคุณต้องการรักษาการเชื่อมต่อต่อไป : 1 เบราว์เซอร์จำเป็นต้องเพิ่มการเชื่อมต่อ: keep-alive ในส่วนหัวของคำขอ 2) เซิร์ฟเวอร์จำเป็นต้องเพิ่มการเชื่อมต่อ: keey-alive ในส่วนหัวการตอบกลับ 3 เมื่อไคลเอ็นต์ส่งคำขออีกครั้ง การเชื่อมต่อเดียวกันจะถูกนำมาใช้ และ ฝ่ายตรงจะขัดจังหวะการเชื่อมต่อ
• ใน http1.1 การเชื่อมต่อทั้งหมดจะมีค่าเริ่มต้นเป็นการเชื่อมต่อ: 1 เว็บเซิร์ฟเวอร์ที่แตกต่างกันจะมีเวลาการรักษาที่แตกต่างกัน 2) ค่าเริ่มต้นในโหนดคือ 5 วินาที

**การเข้ารหัสที่ยอมรับ: ** แจ้งเซิร์ฟเวอร์ ไคลเอนต์ รูปแบบการบีบอัดไฟล์ที่ไคลเอนต์รองรับ เช่น ไฟล์ js สามารถใช้การเข้ารหัส gzip ซึ่งสอดคล้องกับไฟล์ .gz

**ยอมรับ:** แจ้งเซิร์ฟเวอร์ว่าไคลเอนต์สามารถรับประเภทรูปแบบไฟล์ได้

* *user-agent:** ข้อมูลที่เกี่ยวข้องกับไคลเอ็นต์ ;

1.4 วัตถุตอบสนอง

1.4.1 วัตถุตอบสนอง

หากเราต้องการตอบกลับลูกค้าด้วยข้อมูลผลลัพธ์ เราสามารถทำได้สองวิธี:

• วิธีเขียน: วิธีนี้จะเขียนข้อมูล โดยตรง แต่ไม่ได้ปิดสตรีม
• วิธีการสิ้นสุด: วิธีแรกคือการเขียนข้อมูลล่าสุดและปิดสตรีมหลังจากเขียน

หมายเหตุ: หากเราไม่เรียกสิ้นสุดและปิดไคลเอ็นต์จะรอผลลัพธ์

1.4.2 รหัสตอบกลับ

รหัสสถานะ Http (รหัสสถานะ Http) เป็นรหัสตัวเลขที่ใช้เพื่อแสดงสถานะการตอบสนอง Http:

• มีรหัสสถานะ Http จำนวนมาก และรหัสสถานะที่แตกต่างกันสามารถส่งคืนให้กับลูกค้าตามสถานการณ์
• ทั่วไป status รหัสมีดังนี้ (รหัสสถานะจะถูกใช้ในโครงการต่อๆ ไป)
• http การรวบรวมรหัสสถานะ

รหัสตอบกลับทั่วไป:

:

1.4.3 response-Response header

ส่งคืนข้อมูลส่วนหัว มีสองวิธีหลัก:

• res.setHeader: เขียนข้อมูลส่วนหัวในแต่ละครั้ง;
• res.writeHead: เขียนส่วนหัวและสถานะในเวลาเดียวกัน