Boss Battle: อ่าน API จริงให้ออก + เลือก Status Code

เป้าหมายของ Boss นี้: เลือก HTTP Status Code ให้ถูกสถานการณ์ และอ่าน API จริงให้ออก ทั้งวงจร

1. Learning Objective

จบ Boss นี้คุณจะ

• บอกความหมายของ Status Code ตระกูล 2xx, 4xx, 5xx ได้
• เลือก Status Code ที่เหมาะสมให้แต่ละสถานการณ์ได้
• อ่านวงจร Request → Response ของ API จริงได้ครบทุกส่วน

2. Theory — Status Code คือ "อารมณ์ของคำตอบ"

ทุก Response มีตัวเลข 3 หลักติดมาด้วยเสมอ เพื่อบอกว่า ผลเป็นอย่างไร โดยที่โปรแกรมไม่ต้อง อ่านข้อความ

หลักแรกบอกหมวด — จำแค่นี้ก็ใช้งานได้ 90%

1xx  ->  กำลังดำเนินการ      (แทบไม่ได้ใช้เอง)
2xx  ->  สำเร็จ               "เรียบร้อย"
3xx  ->  เปลี่ยนเส้นทาง        "ย้ายไปที่อื่นแล้วนะ"
4xx  ->  Client ผิด           "คุณส่งมาผิด"      <-- ผู้ใช้/Frontend ต้องแก้
5xx  ->  Server ผิด           "ผมพังเอง"        <-- Backend ต้องแก้

เส้นแบ่งที่สำคัญที่สุดคือ 4xx กับ 5xx — 4xx แปลว่า "อย่ามาโทษผม คุณส่งมาไม่ถูก" ส่วน 5xx แปลว่า "ผมผิดเอง" ถ้าใช้ผิดหมวด ทีมจะไล่บั๊กผิดที่ทั้งทีม

3. Diagram — เลือก Status Code ยังไง

flowchart TD
    A["Request เข้ามา"] --> B{"ข้อมูลที่ส่งมาถูกต้องไหม?"}
    B -->|"ไม่ถูก"| C["400 Bad Request"]
    B -->|"ถูก"| D{"มี Token / ล็อกอินหรือยัง?"}
    D -->|"ยังไม่ล็อกอิน"| E["401 Unauthorized"]
    D -->|"ล็อกอินแล้ว"| F{"มีสิทธิ์ทำสิ่งนี้ไหม?"}
    F -->|"ไม่มีสิทธิ์"| G["403 Forbidden"]
    F -->|"มีสิทธิ์"| H{"หาข้อมูลที่ขอเจอไหม?"}
    H -->|"ไม่เจอ"| I["404 Not Found"]
    H -->|"เจอ"| J{"โค้ดเราพังระหว่างทางไหม?"}
    J -->|"พัง"| K["500 Internal Server Error"]
    J -->|"ไม่พัง"| L["200 OK / 201 Created"]

4. ตารางที่ใช้จริงในคอร์สนี้

+------+---------------------------+------------------------------------------+
| Code | ชื่อ                        | ใช้เมื่อไหร่ในคอร์สนี้                        |
+------+---------------------------+------------------------------------------+
| 200  | OK                        | GET สำเร็จ / PUT สำเร็จ / DELETE สำเร็จ    |
| 201  | Created                   | POST สร้างข้อมูลใหม่สำเร็จ                   |
| 204  | No Content                | สำเร็จแต่ไม่มีอะไรจะตอบกลับ (DELETE ก็ใช้ได้)  |
+------+---------------------------+------------------------------------------+
| 400  | Bad Request               | ผู้ใช้ไม่ส่ง title มา / ส่งข้อมูลผิดรูปแบบ       |
| 401  | Unauthorized              | ไม่มี Token หรือ Token ผิด (คอร์ส 2)         |
| 403  | Forbidden                 | มี Token แต่ไปยุ่งข้อมูลคนอื่น (คอร์ส 2)        |
| 404  | Not Found                 | หา id นั้นไม่เจอ / ไม่มี route นี้             |
| 409  | Conflict                  | สมัครด้วยอีเมลที่มีคนใช้แล้ว (คอร์ส 2)          |
+------+---------------------------+------------------------------------------+
| 500  | Internal Server Error     | โค้ดเรา throw error / ต่อ DB ไม่ได้           |
+------+---------------------------+------------------------------------------+

401 vs 403 — สับสนกันบ่อยที่สุด

• 401 Unauthorized = "คุณเป็นใคร?" → ยังไม่ได้ล็อกอิน หรือ Token หมดอายุ
• 403 Forbidden = "รู้ว่าคุณเป็นใคร แต่คุณไม่มีสิทธิ์" → ล็อกอินแล้วแต่ไปแก้ข้อมูลคนอื่น

5. Common Mistakes

6. Summary

• Status Code หลักแรกบอกหมวด: 2xx สำเร็จ / 4xx คุณผิด / 5xx ผมผิด
• ท่องให้ได้ 6 ตัว: 200, 201, 400, 401, 404, 500
• จบ Chapter 1 แล้ว — คุณเข้าใจ "กติกา" ครบแล้ว Chapter 2 จะเริ่มลงมือสร้าง Server จริง

7. ภาคผนวก — เตรียม Terminal ก่อนเข้า Chapter 2

ตั้งแต่ Chapter 2 เป็นต้นไป เราจะพิมพ์คำสั่งใน Terminal ตลอดทั้งคอร์ส หน้านี้เปิดย้อนกลับมาดูได้ตลอดเมื่อจำคำสั่งไม่ได้

⚠️ คนใช้ Windows — ให้ใช้ "Command Prompt (cmd)" เท่านั้น อย่าใช้ PowerShell

Windows มี Terminal มาให้ 2 ตัว หน้าตาคล้ายกันมาก (จอดำๆ พิมพ์คำสั่งได้เหมือนกัน) แต่ คอร์สนี้ใช้ cmd เพราะ PowerShell มี 3 เรื่องที่จะทำให้ติดกลางทาง

วิธีดูว่าตอนนี้เปิดตัวไหนอยู่: ถ้าบรรทัดขึ้นต้นด้วย PS C:\Users\...> = PowerShell (ผิด) ถ้าขึ้นต้นด้วย C:\Users\...> เฉยๆ ไม่มี PS = cmd (ถูกแล้ว)

วิธีเปิด cmd ให้ตรงโฟลเดอร์ที่ต้องการ (ท่าที่สะดวกที่สุด) เปิด File Explorer ไปที่โฟลเดอร์นั้น → คลิกที่ ช่อง address bar ด้านบน → พิมพ์ cmd แล้วกด Enter จะได้ cmd ที่อยู่ในโฟลเดอร์นั้นทันที ไม่ต้อง cd เอง

คำสั่งที่ใช้ทั้งคอร์ส

2 ปุ่มที่ช่วยชีวิต — ใช้ให้ติดเป็นนิสัย

• ลูกศรขึ้น (↑) = เรียกคำสั่งที่เพิ่งพิมพ์ไปกลับมา ไม่ต้องพิมพ์ใหม่
• Tab = พิมพ์ชื่อโฟลเดอร์ครึ่งเดียวแล้วกด Tab ระบบเติมให้เอง (กันพิมพ์ผิด)

กับดักของ Windows ที่ต้องรู้ไว้ก่อน