ตัวจัดสวย GraphQL สำหรับสคีมาและ Query ออนไลน์
ตัวจัดสวย GraphQL จัดรูปแบบสคีมาและ query ของ GraphQL ด้วย Prettier เปลี่ยนเอกสารที่อ่านยากให้มีเลย์เอาต์สม่ำเสมอ วางหรือลากอินพุต GraphQL เลือกการเยื้องและความกว้างบรรทัด แล้วคัดลอกผลลัพธ์ การจัดรูปแบบทำให้เอกสารตรวจทานง่ายขึ้นและลดสัญญาณรบกวนจากช่องว่างใน diff เครื่องมือยังตรวจว่าอินพุต parse ได้หรือไม่และช่วยหาปัญหาไวยากรณ์
ตัวจัดสวย GraphQL เป็นเครื่องมือบนเบราว์เซอร์สำหรับจัดรูปแบบสคีมาและ query ของ GraphQL ด้วย Prettier วางหรือลากข้อความ GraphQL เพื่อเปลี่ยนเอกสารหนาแน่นให้เป็นผลลัพธ์ที่จัดเลย์เอาต์สม่ำเสมอ ถ้าคุณต้องการตัวจัดรูปแบบ GraphQL query หรือตัวจัดรูปแบบ GraphQL schema เครื่องมือนี้ให้วิธีตรงไปตรงมาในการจัดรูปแบบ GraphQL ออนไลน์
เครื่องมือประมวลผลอินพุตของคุณด้วย Prettier และให้คุณกำหนดการเยื้องและความกว้างบรรทัด หลังจัดรูปแบบแล้ว ตรวจทานผลลัพธ์แล้วคัดลอกไปใช้ที่ต้องการ อินพุตต้อง parse เป็น GraphQL ได้ด้วย เมื่อ parse ไม่ได้ เครื่องมือช่วยระบุบรรทัดที่เกิดปัญหา
สคีมา GraphQL อธิบายชนิดและการดำเนินการที่มีใน GraphQL API ส่วน query GraphQL ขอข้อมูลโดยใช้ไวยากรณ์ GraphQL ทั้งสองเป็นเอกสารข้อความแต่มีวัตถุประสงค์ต่างกัน การจัดสวยอย่างใดอย่างหนึ่งช่วยเพิ่มความอ่านง่ายและทำให้การตรวจทานโค้ด การเปรียบเทียบ และตัวอย่างที่แชร์ง่ายขึ้น การจัดรูปแบบมีประโยชน์เมื่อต้องการเลย์เอาต์สม่ำเสมอโดยไม่ต้องปรับช่องว่างด้วยมือ
ตัวจัดสวย GraphQL ทำงานในเบราว์เซอร์ของคุณทั้งหมด อินพุตของคุณถูกประมวลผลบนอุปกรณ์ของคุณและไม่ถูกอัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ เมื่อโหลดหน้าแล้ว เครื่องมือใช้งานออฟไลน์ได้โดยไม่ต้องเชื่อมต่อเซิร์ฟเวอร์ คุณจึงจัดรูปแบบ GraphQL ได้ขณะตัดการเชื่อมต่อ
เครื่องมือมีประโยชน์กับนักพัฒนาและวิศวกร DevOps ที่ทำงานกับเอกสาร GraphQL ไม่ว่าจะตรวจทานสคีมา เตรียม query สำหรับรายงาน หรือทำความสะอาดข้อความที่เครื่องสร้าง เลือกการเยื้องและความกว้างบรรทัดที่เหมาะกับผลลัพธ์ของคุณ แล้วคัดลอกผลลัพธ์ที่จัดรูปแบบ
ขั้นตอนที่ 1: วางหรือลากสคีมาหรือ query GraphQL ลงในช่องอินพุต เครื่องมือรับข้อความ GraphQL เพื่อจัดรูปแบบ
ขั้นตอนที่ 2: เลือกตัวเลือกการเยื้องและความกว้างบรรทัด การตั้งค่าเหล่านี้ควบคุมเลย์เอาต์ของผลลัพธ์ที่จัดรูปแบบ
ขั้นตอนที่ 3: ตรวจทานผลลัพธ์หลังตัวจัดสวย GraphQL จัดรูปแบบด้วย Prettier ถ้าอินพุต parse ไม่ได้ ให้ตรวจบรรทัดที่รายงานปัญหา
ขั้นตอนที่ 4: คัดลอกผลลัพธ์ที่จัดรูปแบบสำหรับโค้ด การตรวจทาน หรือรายงานของคุณ
กรณีการใช้งาน: ทำให้ไฟล์ GraphQL ที่เครื่องสร้างและอ่านยากง่ายต่อการตรวจทานก่อน commit การจัดรูปแบบที่สม่ำเสมอทำให้เอกสารสแกนง่ายขึ้น
กรณีการใช้งาน: ตรวจเอกสาร GraphQL ที่คุณไม่ได้เขียนว่าตรงตามข้อกำหนดที่ต้องปฏิบัติตามหรือไม่ การจัดรูปแบบที่ชัดเจนช่วยตรวจสอบโครงสร้าง
กรณีการใช้งาน: สร้างผลลัพธ์ที่เยื้องสม่ำเสมอเพื่อให้ diff เน้นการเปลี่ยนแปลงที่มีความหมายแทนสัญญาณรบกวนจากช่องว่าง
กรณีการใช้งาน: จัดรูปแบบสไนป์เพ็ต GraphQL ก่อนวางลงในรายงานบั๊กหรือการตรวจทานโค้ด ตัวอย่างที่อ่านง่ายช่วยให้คนอื่นตามได้ง่าย
กรณีการใช้งาน: ตรวจว่าอินพุต GraphQL ของคุณ parse ได้สะอาดหรือไม่ และหาบรรทัดที่ parse ไม่ได้ ช่วยติดตามปัญหาการจัดรูปแบบหรือไวยากรณ์
กรณีการใช้งาน: ใช้การเยื้องและความกว้างบรรทัดเดียวกันกับสคีมาและ query GraphQL ที่เตรียมไว้ตรวจทาน ผลลัพธ์อ่านง่ายขึ้นควบคู่กับเอกสารที่เกี่ยวข้อง
กรณีการใช้งาน: จัดรูปแบบเอกสาร GraphQL ที่ได้รับจากเพื่อนร่วมทีมหรือเครื่องมือสร้าง ตัวจัดสวยช่วยให้ข้อความหนาแน่นเข้าถึงง่ายขึ้นโดยไม่ต้องปรับช่องว่างด้วยมือ