หัวข้อ 2: โครงสร้างการทำงานของอินเทอร์เน็ตและโปรโตคอล HTTP/HTTPS

แนวคิดหลัก

เมื่อผู้ใช้พิมพ์ URL ในเบราว์เซอร์ ระบบเบื้องหลังจะทำงานหลายขั้นตอน ตั้งแต่แปลงชื่อโดเมนเป็น IP Address สร้างการเชื่อมต่อ ส่ง request ไปยัง server และรับ response กลับมาแสดงผล

DNS: Domain Name System

DNS ทำหน้าที่แปลงชื่อโดเมน เช่น example.com ให้เป็น IP Address ที่เครื่องคอมพิวเตอร์ใช้สื่อสารกันได้ เช่น 93.184.216.34

ลำดับโดยย่อคือ

ผู้ใช้พิมพ์ domain -> Browser ถาม DNS -> ได้ IP Address -> Browser ติดต่อ server

ถ้าไม่มี DNS ผู้ใช้ต้องจำ IP Address ของเว็บไซต์จำนวนมาก ซึ่งไม่สะดวกและดูแลยาก

TCP/IP

TCP/IP เป็นชุดโปรโตคอลพื้นฐานในการรับส่งข้อมูลบนอินเทอร์เน็ต

  1. IP รับผิดชอบเรื่องที่อยู่และการส่ง packet ไปยังปลายทาง
  2. TCP ช่วยให้การส่งข้อมูลน่าเชื่อถือ ตรวจสอบลำดับข้อมูล และส่งซ้ำเมื่อข้อมูลสูญหาย

HTTP Request/Response Cycle

HTTP เป็นรูปแบบการสื่อสารระหว่าง client และ server

Client ส่ง HTTP Request -> Server ประมวลผล -> Server ส่ง HTTP Response -> Client แสดงผล

ตัวอย่าง request แบบง่าย:

GET /products HTTP/1.1
Host: example.com

ตัวอย่าง response แบบง่าย:

HTTP/1.1 200 OK
Content-Type: text/html

<h1>Products</h1>

HTTP Methods

Method ใช้สำหรับ
GET ดึงข้อมูล
POST ส่งข้อมูลใหม่
PUT แก้ไขข้อมูลทั้งชุด
DELETE ลบข้อมูล

การเลือก method ที่ถูกต้องช่วยให้ API อ่านง่ายและสอดคล้องกับมาตรฐาน REST

HTTP Status Code

Status ความหมาย
200 OK คำขอสำเร็จ
301 Redirect ย้ายไป URL ใหม่ถาวร
404 Not Found ไม่พบ resource
500 Server Error server มีข้อผิดพลาด

HTTPS และ TLS/SSL

HTTPS คือ HTTP ที่มีการเข้ารหัสข้อมูลด้วย TLS/SSL ทำให้ข้อมูลที่ส่งระหว่าง client และ server ปลอดภัยขึ้น ลดความเสี่ยงจากการดักอ่านหรือแก้ไขข้อมูลระหว่างทาง

HTTPS สำคัญมากกับระบบที่มีข้อมูลส่วนตัว เช่น login, payment, dashboard และ API ที่ต้องใช้ token

กิจกรรม

เปิด DevTools แท็บ Network แล้วเข้าเว็บไซต์ 1 แห่ง จากนั้นจดบันทึก request อย่างน้อย 5 รายการ โดยระบุ method, status code และ type ของไฟล์

แบบทดสอบหลังเรียน

  1. DNS ทำหน้าที่อะไร
  2. TCP และ IP มีบทบาทต่างกันอย่างไร
  3. HTTP request และ response คืออะไร
  4. GET, POST, PUT, DELETE ใช้ต่างกันอย่างไร
  5. HTTPS ช่วยเพิ่มความปลอดภัยอย่างไร

กลับสัปดาห์ที่ 1