แนะนำ Voyager client

Gato GraphQL มี GraphQL Voyager client สำหรับการแสดงภาพ GraphQL schema แบบโต้ตอบ เข้าถึงได้โดยคลิก "Interactive Schema" บนเมนูของปลั๊กอิน:

Voyager แสดงภาพรวมของ GraphQL schema จากมุมมองระดับสูง:

ช่วยให้เข้าใจได้ง่ายว่าองค์ประกอบทั้งหมดใน schema มีความสัมพันธ์กันอย่างไร โดยใช้ลูกศรแสดงการเชื่อมต่อระหว่าง type ต่างๆ:

schema มีจุดเริ่มต้น คือ type ที่ใช้คำนวณความสัมพันธ์ทั้งหมด โดยค่าเริ่มต้นคือ query root (ในกรณีนี้จัดการผ่าน type QueryRoot) ซึ่งแสดงอยู่ในแผงลอยด้านล่าง เพื่อแสดงภาพ schema ที่เกี่ยวข้องกับ mutation เราสามารถเลือก mutation root type ที่ต้องการ (ในกรณีนี้คือ MutationRoot):

การคลิกที่ type บน schema จะไฮไลต์การเชื่อมต่อของมัน และแสดง metadata ของ field (ผลลัพธ์เดียวกันจะเกิดขึ้นเมื่อคลิกชื่อ type บนแผงด้านซ้าย):

ช่องค้นหาบนแผงด้านซ้ายช่วยให้กรององค์ประกอบ schema ได้:

การคลิกที่การเชื่อมต่อจะไฮไลต์มัน ทั้งบน schema และบนแผงด้านซ้าย:

เราสามารถใช้เมาส์ (และในระดับหนึ่ง ปุ่มที่มุมล่างขวาของหน้าจอ) เพื่อนำทางใน graph ซูมเข้าออก เลื่อนไปในทิศทางใดก็ได้ และโฟกัสที่องค์ประกอบต่างๆ:

บนแผงลอยด้านล่าง มีตัวเลือกเพิ่มเติมบางอย่าง:

• "Sort by alphabet" จัดเรียง field ทั้งหมดใน type แต่ละ type ตามลำดับตัวอักษร
• "Skip Relay" ซ่อน wrapper class ของ Relay
• "Skip deprecated" ซ่อน field ที่ถูก deprecated ทั้งหมด
• "Show leaf fields" แสดง field ทั้งหมดที่ไม่ใช่การเชื่อมต่อ