วิธีการใช้ Postman จับแพ็คเก็ต API

ในบทความนี้ ผมจะแนะนำวิธีการ import cURL เข้า Postman ในตอนนั้น และวิธีที่ง่ายกว่านั้นมากจนผมตกใจเลยครับ

ทำไมถึงอยากลองเรียก API ของเบราว์เซอร์ด้วย Postman?

อันนี้ผมว่าน่าจะเป็นเรื่องปกติที่เกิดขึ้นบ่อยๆ นะครับ

• อยากตรวจสอบพฤติกรรมของ API ที่แอปพลิเคชันกำลังเรียกอยู่บนเบราว์เซอร์
• อยากจำลอง request API ที่เกิดขึ้นเมื่อทำบางอย่างเพื่อ debug
• อยากลอง request API ที่คนอื่นเรียกบนเบราว์เซอร์แล้วแชร์ให้เรา

ในกรณีแบบนี้ การนำ request ที่เห็นใน developer tool ของเบราว์เซอร์มาใส่ใน Postman จะช่วยให้งานมีประสิทธิภาพมากขึ้นเยอะเลยครับ

ขั้นตอนการ import cURL เข้า Postman

ก่อนอื่น มาดูวิธีที่ผมลองทำกับ Postman ก่อนครับ รู้วิธีนี้ไว้ก็สะดวกดี

ขั้นตอนที่ 1: คัดลอก cURL ใน developer tool ของเบราว์เซอร์

อันนี้ไม่ใช่ฟังก์ชันของ Postman นะครับ แต่เป็นขั้นตอนแรกในการจับแพ็คเก็ต API

Github

1. ก่อนอื่น เปิดหน้าเว็บที่เกิด request API ที่คุณต้องการตรวจสอบในเบราว์เซอร์

2. กดปุ่ม F12 บนคีย์บอร์ดเพื่อเปิด developer tool (บน Mac ก็ Option + Command + I อะไรประมาณนี้ครับ)

3. สลับไปที่แท็บ “Network” ใน developer tool

4. ทำอะไรบางอย่างบนหน้าเว็บเพื่อให้เกิด request API ที่ต้องการ Request ต่างๆ จะแสดงเป็นรายการยาวๆ ในแท็บ Network

5. หารายการ request ที่ต้องการ แล้วคลิกขวา เลือก “Copy” → “Copy as cURL (bash)” แค่นี้ คำสั่ง cURL ของ request นั้นก็จะถูกคัดลอกไปยัง clipboard แล้วครับ

ขั้นตอนที่ 2: Import cURL เข้า Postman

เอาล่ะ นำ cURL ที่คัดลอกมาใส่ใน Postman กัน

Postman

1. เปิด Postman

2. คลิกปุ่ม “Import” ที่อยู่ด้านบนซ้ายของหน้าจอ

3. เลือกแท็บ “Paste Raw Text” แล้ววางคำสั่ง cURL ที่เพิ่งคัดลอกมาลงไป

4. หน้าจอตั้งค่าการ import จะปรากฏขึ้น แต่โดยพื้นฐานแล้วแค่คลิก “Import Into Collection” ก็ใช้ได้แล้วครับ

5. ตอนนี้ request API ที่คัดลอกมาก็จะถูก import เข้า Collection ใน Postman แล้วครับ

ขั้นตอนที่ 3: ส่ง request และตรวจสอบผลลัพธ์ใน Postman

เมื่อ import เสร็จแล้ว ก็แค่รันใน Postman ครับ

1. เลือก request ที่ถูก import เข้ามา

2. คลิกปุ่ม “Send”!

3. ในแท็บ “Response” ที่อยู่ด้านล่างของหน้าจอ จะแสดงผลตอบกลับจาก API ครับ คุณสามารถตรวจสอบรายละเอียดต่างๆ เช่น status code, response body, header และอื่นๆ ได้

Postman

อืมมม แค่นี้ก็จำลอง request ที่เห็นบนเบราว์เซอร์ด้วย Postman ได้แล้ว! … ตอนแรกก็ประทับใจนะครับ แต่พูดตรงๆ ผมรู้สึกว่าขั้นตอน “import” นี่มันยุ่งยากไปหน่อย โดยเฉพาะเวลาที่อยากลอง request หลายๆ ตัวอย่างรวดเร็ว ผมคิดว่าจะมีวิธีที่ง่ายกว่านี้ไหมนะ

โอ้โห วิธีนี้ง่ายกว่าเยอะเลย! วิธีจับแพ็คเก็ต API ที่ง่ายกว่า

การ import cURL เข้า Postman ก็สะดวกดีครับ แต่จริงๆ แล้วผมเจอวิธีที่ง่ายกว่าและเข้าใจง่ายกว่าเยอะเลยครับ นั่นคือการใช้ Apidog ซึ่งเป็นเครื่องมือที่ผมใช้หลักในการพัฒนา API ช่วงนี้ครับ

Apidog ไม่ได้ให้ความรู้สึกยุ่งยากเหมือนการ import เข้า Collection ใน Postman แต่คุณสามารถอ่าน cURL ได้อย่างง่ายดายและลองเรียก request ได้ทันทีเลยครับ

ขั้นตอนการ import cURL เข้า Apidog

วิธีทำง่ายกว่า Postman ครับ

1. เปิด Apidog แล้วเปิดโปรเจกต์ที่มีอยู่ หรือสร้างโปรเจกต์ใหม่ (การจัดการโปรเจกต์ด้วย Apidog ก็สะดวกมากครับ)

2. คลิกปุ่ม “Import” ที่อยู่ข้างปุ่ม “+” ด้านบนซ้ายของหน้าจอ

3. เลือก “cURL” ในตัวเลือกการ import

4. เหมือนกับตอนใช้ Postman วางคำสั่ง cURL ที่คัดลอกมาจากเบราว์เซอร์ลงในพื้นที่ข้อความ

5. คลิกปุ่ม “ยืนยัน”!

Apidog

แค่นี้เองครับ! ไม่มีขั้นตอนการเลือก Collection หรืออะไรแบบ Postman เลย แค่วางแล้วยืนยันเท่านั้น

ส่ง request และตรวจสอบผลลัพธ์ใน Apidog

เมื่ออ่าน cURL เข้ามาแล้ว หน้าจอ request จะเปิดขึ้นมาทันทีครับ

1. ตรวจสอบเนื้อหาของ request ที่อ่านเข้ามา (URL, method, header, body และอื่นๆ)

2. คลิกปุ่ม “ส่ง”!

3. Response จะแสดงที่ด้านล่างของหน้าจอ เหมือนกับ Postman คุณสามารถดู status code, body, header และอื่นๆ ได้

Apidog

เป็นไงบ้างครับ? เมื่อเทียบกับขั้นตอนการ import ของ Postman แล้ว Apidog มีขั้นตอนน้อยกว่ามากและเข้าใจง่ายกว่าเยอะเลยใช่ไหมครับ แค่ 3 ขั้นตอน: “คัดลอก cURL บนเบราว์เซอร์” → “วางใน Apidog” → “ส่ง” ก็สามารถลองเรียก API ได้ทันที

สำหรับ Postman การที่ request ที่ import ถูกบันทึกไว้ใน Collection ก็เป็นข้อดีอย่างหนึ่ง แต่เมื่อต้องการ “ลองเร็วๆ แค่แป๊บเดียว” ความสะดวกของ Apidog นี่ช่วยได้จริงๆ ครับ

สรุป: Postman และ Apidog การใช้งานให้เหมาะสมอาจเป็นสิ่งสำคัญ

ครั้งนี้ ผมได้แนะนำวิธีการ import cURL (จับแพ็คเก็ต API) โดยใช้ Postman และ Apidog ครับ

Postman เป็นเครื่องมือคลาสสิกที่ใช้กันมานานและมีฟังก์ชันมากมาย ผมรู้สึกว่ามันยังคงแข็งแกร่งเมื่อต้องการสร้างงานอย่างละเอียด เช่น การจัดการ API ด้วย Collection และการทำ test automation

ในทางกลับกัน Apidog นอกเหนือจากความสะดวกในการ import cURL ที่ผมแนะนำไปครั้งนี้ ยังเป็นเครื่องมือแบบ all-in-one ที่รวมฟังก์ชันที่จำเป็นสำหรับการพัฒนา API ไว้ครบครัน ตั้งแต่การออกแบบ API, การสร้างเอกสารอัตโนมัติ, ฟังก์ชัน Mock server, ไปจนถึงฟังก์ชันการทดสอบ โดยเฉพาะถ้าทำงานพัฒนา API เป็นทีม การจัดการทุกอย่างใน Apidog เป็นข้อดีอย่างมากครับ และยังรองรับภาษาญี่ปุ่นได้ดี รวมถึง UI ก็เข้าใจง่าย ผมจึงแนะนำสำหรับผู้เริ่มต้นด้วยครับ

ส่วนตัวผมรู้สึกว่า เมื่อต้องการตรวจสอบพฤติกรรมของ API อย่างรวดเร็ว หรือลอง cURL ที่คนอื่นส่งมาให้ ผมจะใช้ Apidog ส่วนเมื่อต้องการสร้าง test suite สำหรับ API อย่างจริงจัง หรือจัดระเบียบ Collection ผมจะใช้ Postman การใช้งานให้เหมาะสมแบบนี้อาจจะดีครับ

ทุกคนก็ลองหาเครื่องมือที่เหมาะกับสไตล์การพัฒนาของตัวเอง แล้วเพิ่มประสิทธิภาพในการพัฒนา/ทดสอบ API ดูนะครับ!