อินพุต JSON
การตั้งค่า
เอาต์พุต TypeScript
เอาต์พุต TypeScript จะปรากฏที่นี่
กำหนดตัวเลือกและป้อน JSON เพื่อสร้าง
เกี่ยวกับเครื่องมือนี้
การทำงานกับ API มักหมายถึงการจัดการกับ JSON response ที่ไม่มีประเภท ตัวแปลงนี้รับ JSON ดิบและสร้างคำจำกัดความ TypeScript ที่มีโครงสร้างดีซึ่งสามารถนำไปใช้ในโค้ดได้เลย คุณสมบัติหลัก: • หลายโหมดอินพุต: JSON เดี่ยว, หลายตัวอย่างสำหรับประเภทรวม, JSON Schema และคอลเลกชัน Postman • เอาต์พุตอินเทอร์เฟซหรือ type alias พร้อมการควบคุมการตั้งชื่ออย่างเต็มที่ • การแปลง PascalCase คุณสมบัติทางเลือก และ readonly modifier • การจัดการออบเจกต์ซ้อนกันและอาร์เรย์พร้อมการอนุมานประเภทที่ถูกต้อง • การแปลงเรียลไทม์ขณะพิมพ์ — ไม่ต้องคลิกปุ่ม
วิธีใช้งาน
1. วางหรืออัปโหลด JSON ในแผงซ้าย 2. ตั้งชื่อประเภทรูทในคอลัมน์การตั้งค่า (ค่าเริ่มต้น 'Root') 3. เลือกประเภทแหล่งข้อมูล — JSON ธรรมดาเหมาะสำหรับกรณีส่วนใหญ่ 4. สลับตัวเลือกการแปลง เช่น อินเทอร์เฟซ vs ประเภท คุณสมบัติทางเลือก หรือ readonly 5. เอาต์พุต TypeScript ปรากฏทันทีทางขวา 6. คัดลอกผลลัพธ์หรือดาวน์โหลดเป็นไฟล์ .ts
กรณีการใช้งานทั่วไป
การรวม API
แปลง payload ตอบกลับ REST API เป็นอินเทอร์เฟซที่มีประเภทสำหรับ fetch wrapper และ SDK client
โมเดลฐานข้อมูล
แปลงผลลัพธ์ query ของ Prisma หรือ Drizzle เป็นคำจำกัดความประเภทที่ใช้ร่วมกัน
ไฟล์การตั้งค่า
สร้างประเภทสำหรับไฟล์การตั้งค่า JSON เพื่อตรวจจับ typo ขณะคอมไพล์
ข้อมูลจำลอง
สร้างอินเทอร์เฟซจาก JSON fixture จำลองเพื่อให้การทดสอบซิงค์กับโครงสร้างข้อมูลจริง
ข้อจำกัดและหมายเหตุสำคัญ
• ประเภท union จากอาร์เรย์ผสม (เช่น [1, "hello"]) ถูกอนุมานเป็น `number | string` แต่อาจต้องตรวจสอบด้วยตนเอง • ออบเจกต์ซ้อนลึกสร้างซับอินเทอร์เฟซจำนวนมาก — พิจารณาทำให้แบนเมื่อเป็นไปได้ • การรองรับ JSON Schema ครอบคลุมคีย์เวิร์ดทั่วไป; คุณสมบัติขั้นสูงเช่น $ref ข้ามไฟล์ไม่ได้รับการแก้ไข • การแยกวิเคราะห์คอลเลกชัน Postman ต้องการรูปแบบ v2.1 พร้อม body ตอบกลับที่บันทึกไว้