ตอนที่ 5: รู้จักกับ Postman — เครื่องมือทดสอบ API ง่าย ๆ ไม่ต้องเขียนโค้ด

BOBOdevBOBOdev
2 min read

🤔 Postman คืออะไร?

Postman เป็นเครื่องมือที่ช่วยให้เรา
✅ ส่ง HTTP Request แบบง่าย ๆ ได้เลย
✅ ทดสอบว่า API ของฝั่งปลายทางตอบอะไรกลับมาบ้าง
✅ ลอง GET / POST / PUT / DELETE ได้ครบทุก Method
✅ ดู Header, Body, และ Response ได้ชัดเจน

💡 ทำไมต้องใช้ Postman?

  • ง่ายกว่าเขียนโค้ดเองเพื่อทดสอบ API

  • ใช้ลองส่งข้อมูลไปที่ Webhook ใน Make.com ได้เลย

  • เห็นชัดเจนว่าถ้าส่งแบบนี้ → ได้อะไรตอบกลับมา

🛠️ เริ่มต้นใช้งาน Postman

1️⃣ ดาวน์โหลดและติดตั้ง

  • ดาวน์โหลดที่ https://www.postman.com/downloads/

  • หรือจะใช้ Postman Web ก็ได้ ไม่ต้องลงโปรแกรม


2️⃣ ลองส่ง GET Request

  • เปิด Postman → กด + New Tab

  • ใส่ URL

  • เลือก Method → GET

  • กด Send

  • ดูผลลัพธ์ (Response) ที่ได้จาก Server


3️⃣ ลองส่ง POST Request (พร้อม Header และ Body)

  • เปลี่ยน Method เป็น POST

  • ไปที่ Tab: Headers

    • ใส่: Content-Type: application/json

  • ไปที่ Tab: Body → raw → JSON

      {
        "name": "bobo",
        "age": 20
      }
    
  • กด Send → ดูผลลัพธ์ (Response) ที่ได้


📦 แล้ว JSON คืออะไร?

ภาษากลางในการส่งข้อมูลผ่าน API

เวลาที่เราส่งข้อมูลผ่าน API หรือ Webhook มักจะใช้รูปแบบที่เรียกว่า JSON
ซึ่งย่อมาจาก JavaScript Object Notation
เป็น รูปแบบจัดเก็บและส่งข้อมูล ที่อ่านง่ายทั้งสำหรับคนและคอมพิวเตอร์


🟢 ตัวอย่าง JSON:

{
  "name": "bobo",
  "age": 20,
}

ข้อสังเกต:

  • ข้อมูลอยู่ใน { } → หมายถึง Object

  • มี key กับ value → เช่น "name": "bobo"

  • ใช้ : คั่นระหว่าง key และ value

  • ถ้าหลายคู่ → ใช้ , คั่น


🧩 เปรียบเทียบกับข้อมูลในมุมมองปกติกับ JSON

มุมมองปกติ

KeyValue
namebobodev
emailbobo@abcexample.com
messageHello BOBOdev

ถ้าเก็บใน JSON → จะหน้าตาแบบนี้:

{
  "name": "bobodev",
  "email": "bobo@abcexample.com",
  "message": "Hello BOBOdev"
}

💡 ทำไมถึงใช้ JSON?

  • อ่านง่าย (แม้จะไม่ใช่โปรแกรมเมอร์ก็เข้าใจได้)

  • 🌐 ใช้งานได้กับทุกภาษา (JavaScript, Python, Java, etc.)

📦 ประเภทของข้อมูลใน JSON ที่ใช้บ่อย:

ประเภท (Type)ตัวอย่างใช้เมื่อ…
String"name": "bobo"ข้อความ, ชื่อ, อีเมล, ที่อยู่
Number"age": 25ตัวเลข (อายุ, ราคา, จำนวน) สังเกตุว่าจะไม่มีฟันหนู
Boolean"isActive": trueใช้สำหรับ ใช่/ไม่ใช่ (true/false)
Array"hobbies": ["music", "reading"]รายการหลายค่า เช่น หมวดหมู่, งานอดิเรก
Object"address": { "city": "Bangkok", "zip": "10400" }ถ้าใน 1 field มีหลายข้อมูลย่อย (เช่น ที่อยู่มีเมืองกับรหัสไปรษณีย์)
Null"nickname": nullกรณีไม่มีค่า หรือค่านั้นว่าง
0
Subscribe to my newsletter

Read articles from BOBOdev directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

BOBOdev
BOBOdev