เครื่องมือแปลง JSON เป็น TypeScript
แปลง JSON เป็นอินเทอร์เฟซ TypeScript นามแฝงประเภทหรือ Zod schema live พร้อมการตรวจจับฟิลด์เสริมจริงในอาร์เรย์
ผลลัพธ์
การเขียนอินเทอร์เฟซ TypeScript ด้วยมือสำหรับการตอบสนอง JSON API นั้นช้าและมีแนวโน้มที่จะเกิดข้อผิดพลาด: อ็อบเจ็กต์ที่ซ้อนกันจำเป็นต้องมีอินเทอร์เฟซของตัวเอง อาร์เรย์จำเป็นต้องมีประเภทองค์ประกอบ และฟิลด์ที่บางครั้งขาดหายไปจำเป็นต้องทำเครื่องหมายว่าเป็นทางเลือก — พลาดสิ่งใดสิ่งหนึ่งและคอมไพเลอร์จะยังคงเงียบในขณะที่โค้ดของคุณเบี่ยงเบนไปจากการซิงค์กับรูปร่างข้อมูลจริง
ตัวแปลงนี้ทำงานให้คุณ วางออบเจ็กต์หรืออาร์เรย์ JSON ใดๆ แล้วระบบจะเดินโครงสร้างแบบวนซ้ำ: ออบเจ็กต์ที่ซ้อนกันจะกลายเป็นอินเทอร์เฟซที่มีชื่อของตัวเอง อาร์เรย์ของออบเจ็กต์จะได้รับอินเทอร์เฟซองค์ประกอบพร้อมช่องที่เปรียบเทียบกับทุกรายการในอาร์เรย์นั้น - ช่องที่มีอยู่ในบางรายการเท่านั้นจะถูกทำเครื่องหมายด้วยเครื่องหมาย ? และช่องที่บางครั้งอาจเป็นโมฆะและบางครั้งค่าจะออกมาเป็นสตริงที่เหมาะสม | สหภาพที่เป็นโมฆะแทนที่จะเป็นอย่างใดอย่างหนึ่ง
การสลับรูปแบบจะสลับเฉพาะวิธีการพิมพ์โครงสร้างที่อนุมานเดียวกันเท่านั้น: บล็อกอินเทอร์เฟซ นามแฝงประเภท หรือ Zod schema ที่สร้างขึ้นจากการเรียก z.object(), z.array() และ z.union() ด้วย .Optional() และ .nullable() ที่ซึ่งสิ่งเหล่านี้นำไปใช้ Zod นั้นเป็นแพ็คเกจ npm แยกต่างหาก (npm install zod) — เครื่องมือนี้เขียนเฉพาะซอร์สสคีมาเท่านั้น โดยไม่ได้ติดตั้งอะไรให้คุณเลย
ทุกอย่างจะทำงานภายในเบราว์เซอร์ของคุณทันทีที่คุณพิมพ์หรือวาง โดยไม่มีปุ่มส่งและไม่มีการอัปโหลด — สะดวกสำหรับเพย์โหลดที่มีข้อมูลลูกค้าจริง สำหรับการทำงานกับข้อความ JSON แทนที่จะเป็นประเภทที่อนุมาน โปรดดูตัวจัดรูปแบบ JSON เพื่อพิมพ์หรือย่อขนาด และผู้ตรวจสอบ JSON เพื่อระบุข้อผิดพลาดทางไวยากรณ์ก่อนที่คุณจะแปลง