\

Facebook


วันพฤหัสบดีที่ 13 สิงหาคม พ.ศ. 2558

POSTMAN สุดยอดเครื่องมือทดสอบ API



หากต้องสร้าง Web API ขึ้นมาสักตัวนึงไว้ให้ลูกค้าหรือVerdor เข้ามาติดต่อกับเราผ่านอินเตอร์เฟสแทนที่จะเข้าถึง database ของเราตรงๆ เราก็ต้องใช้API ใช่ไหมครับ ทีนี้เวลาเทสก็ต้องสร้าง Request จำลองขึ้นมาด้วยเครื่องมือสักตัว หนึ่งในเครื่องมือผมใช้แล้วบอกต่อเลยว่าเทพคือ POSTMAN

จริงๆเครื่องมือประเภทนี้มีเยอะเเยะในตลาดทั้งเสียตังกับฟรี แต่เหตุผลที่แนะนำตัวนี้เพราะมีฟรี เบาเพราะเป็น Google Chrome Extension แล้วยังมาพร้อมประสิทธิภาพที่สุดยอด ยิ่งอัพเว่อชั่นใหม่มีการปรับเปลี่ยนหน้าตา UI ใหม่น่าใช้มากยิ่งขึ้น

วิธีลงโปรแกรมก็ทั้งง่ายและฟรี โดยเปิดโครมเว็บบราวเซอร์ แล้วเข้าไปที่ https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop?utm_source=chrome-app-launcher-info-dialog



มาเรื่องความสามารถเจ๋งๆที่ต้องร้อง ว้าว!
การเก็บ History : ทุกครั้งที่เราสร้าง request ใหม่เรามารถกลับไปดู History ก่อนหน้าเพื่อเปรียบเทียบกันได้
การเก็บ Collection : หากมี Request ที่ต้องใช้งานเป็นประจำก็สามารถบันทึกลงเป็นคอเล็กชั่นเพื่อแบ่งหมวกหมู่ได้
การ Export ข้อมูล : Collection สามารถส่งออกได้เป็นรูปแบบ json เพื่อเอาส่งให้DEV คนอื่นๆ import ใช้งานต่อ

The Basic ก่อนสร้าง FORM POST เป็นก็ต้องรู้ว่า POST มายังไง

ที่ Chrome Debugger mode สามารถส่อง Xhr request เพื่อดูว่า parameter เเละ header มีรูปร่างหน้าตาอย่างไร  ซึ่งจะแสดงข้อมูลค่อนข้างละเอียดเช่น URL อะไร เป็นโพสหรือเก็ต, status code, header detail และ response ที่เกิดขึ้น ซื้อเราสามารถจำลองได้ โดย copy ส่วนของ request header ไปใส่โพสแมน

ไปที่ Network > กด F5 >  เลือก XHR 


Step การใช้งาน(อย่างกระชับ) (กระชับไปไม่รู้เรื่อง >> อ่านทดลองสร้าง POST ข่างล่าง)
1. เลือก RESTFUL  VERB คือการกำหนด method ที่ใช้ติดต่อ ไม่ว่าจะเป็น GET POST PUT DELETE
2. กำหนด Body Message คือการระบุ Key และ Value หรือจะกรอกเป็น URL Params ก็ยังได้
3. กำหนด Authorization ไม่เคยลองฟังชั่นนี้ครับ แต่ถ้าต้องการระบุตัวตนด้วย OAuth สากล ก็ควรใช้ตัวนี้

ทดลองสร้าง POST

1. เปิด application POSTMAN จาก chrome//:apps ขึ้นมาก่อน กดปุ่ม + เพื่อสร้าง connection ใหม่โดย เลือก From Method เป็น POST แล้วกรอก URL ที่เราต้องการเทส


2. กดเลือกที่เมนู Body จะแสดงตัวเลือก request header

- ถ้าเว็บคุณส่ง data จาก Form ปกติให้เลือก x-www-form-urlencoded จะมี Form ให้กรอกข้อมูลต่อ
- แต่หากต้องการสร้าง request ด้วย JSON ให้เลือก raw > JSON (application/json)


3. ช่องให้กรอก Form parameter จัดเลยครับอย่ารอช้า โดยในตัวอย่างเว็บไซด์ส่วนตัวของผมส่ง parameter ทั้งหมด 2 ตัว ตามรูปนะครับ

- ถ้าเป็น JSON ก็กรอกตาม format ซึ่ง POSTMAN เองก็ฉลาดพอที่จะเช็คความถูกต้องของ Syntax ก่อนส่งอีกด้วย

4. กด Send  จะแสดงข้อมูลขึ้งด้านล่าง เป็นอันจบครับ

5. กด Save เพื่อเก็บความทรงจำการเทสครั้งนี้ตลอดไป... ถุย เอาไว้เทสใหม่คราวหน้าจะได้ไม่เสีเวลากรอกใหม่ >> ชอบตรงนี้แหละ

6. กด History ถ้าจำไม่ได้ว่าอดีตเคยทำพลาดอะไรไว้ แล้วอยากรื้อความทรงจำ... ถุย เอาไว้ track ดู request เก่าๆนั้นแหละ เพื่อไม่ได้ save เอาไว้


7. Import/Export หมัดเด็ด เอาไว้สำหรับพกพา script ไปได้ทุกที่  เเค่เลือก Collection > Download Collection แค่นี้ก็แชร์ให้คนอื่นๆในทีมได้เเล้ว



สรุปคือผมชอบที่ตัวโปรแกรมมันง่าย หยือหยุ่น สามารถกำหนดตัวแปรได้ง่ายๆ เก็บประวัติการสร้าง request ได้ทำให้การย้อนกลับไปแก้ไขง่ายดายกว่าเดิม ถ้าท่านกำลังตามหาโปรแกรมสร้างรีเควสดีๆ ฟรีๆ แนะนำตัวนี้ครับ จัดเลย


ไม่มีความคิดเห็น:

May be like this posts