ใช้ชีวิตกับ GraphQL ง่ายขึ้นเมื่อรู้จักกับ Insomnia

ใช้ชีวิตกับ GraphQL ง่ายขึ้นเมื่อรู้จักกับ Insomnia
12/04/19   |   392   |  

หลายวันที่ผ่านมาได้มีโอกาสได้ทำ Service ที่มีส่วนเกี่ยวข้องกับ GraphQL ซึ่ง request ที่จะส่งไปในแต่ละครั้งนั้น จะต้องมี token แนบไปด้วย ซึ่งใน graphiql เองก็หาวิธีแนบไปค่อนข้างลำบาก หรือจะใช้ Postman ก็เขียน query ลำบากไปอีก

สุดท้ายก็มาเจอกับ Insomnia ซึ่งเป็นโปรแกรมที่มีอะไรคล้ายๆ Postman (ถ้าเคยใช้กัน) ก็คือเอาไว้สำหรับทดลองยิง request ไปยัง Service หรือเว็บไซต์ต่างๆ (Download ได้ที่ https://insomnia.rest/)

ตอนนี้เราจะมาลอง query เล่นกันดูก่อน โดยจะใช้ https://graphql-demo.azurewebsites.net/ เป็น endpoint สำหรับทดลองนะครับ

เข้าโปรแกรม Insomnia > New Request > ใส่ชื่อ request > ใส่ endpoint

Insomnia จะมีให้เลือกประเภทของ query ที่ส่งไปเป็น type แบบ GraphQL


ลองพิมพ์ query ดูจะเห็นว่าเค้ามี Suggestion เหมือนใน GraphiQL ด้วยนะครับแหม่

ตอนนี้มาลอง query จริงกันครับ

query {
users {
id,
displayName,
photos {
id
}
}
}

จะเห็นว่ามี Syntax Highlight ให้ด้วย และมีการทำ Format Prettify ให้อีกด้วย (ปุ่ม Prettify GraphQL) ตรงข้างล่าง ซึ่งจะได้ผลลัพธ์ดังรูป (1), (2)

(1) Query ที่ Format เรียบร้อยแล้ว

(2) Result

แนบ Authorization Header

Insomnia จะมีแถบให้เลือก type ของ authorization header ด้วย ซึ่งมีตัวเลือกให้ค่อนข้างเยอะทีเดียวครับ



และที่จะขายก็มีเพียงเท่านี้ เพราะมีปัญหากับการใช้ GraphQL ผ่าน token (ลำบากมาก)

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

tags : #graphql #postman #insomnia #request #jwt #token



ติดตามข่าวสารและเรื่องราวดีๆ ทาง Email