ตัวแปลง JSON to Dart
แปลง JSON เป็น Dart model class พร้อม null safety, nested types และเมธอด fromJson/toJson เครื่องมือออนไลน์ฟรีสำหรับนักพัฒนา Flutter
Loading tool...
ตัวแปลง JSON to Dart คืออะไร?
ตัวแปลง JSON to Dart เป็นเครื่องมือสำหรับนักพัฒนาที่แปลงตัวอย่าง JSON ให้เป็น Dart model class โดยวิเคราะห์โครงสร้าง JSON อนุมานประเภทข้อมูลรวมถึง object ที่ซ้อนกันและ array แล้วสร้างโค้ดพร้อมใช้งานจริงที่มี null safety และรองรับ serialization
ประโยชน์หลัก
- ตัดเวลาการเขียนโค้ดซ้ำซ้อนออกไปหลายชั่วโมง
- สร้างโค้ด Dart แบบ null-safe ตามแนวทางปฏิบัติที่ดีที่สุด
- รองรับทั้งโหมด manual และ json_serializable
- ข้อมูล API ที่ละเอียดอ่อนยังอยู่ในเบราว์เซอร์ของคุณ
กรณีการใช้งาน
- •สร้าง model จาก API response ในแอป Flutter
- •สร้าง data class สำหรับไฟล์ config แบบ JSON
- •ต้นแบบ data layer ของ Dart จากข้อมูลตัวอย่าง
- •เรียนรู้รูปแบบ Dart serialization จากตัวอย่างจริง
วิธีใช้ตัวแปลง JSON to Dart
- วาง JSON: วาง JSON object หรือ array ลงในช่อง input ด้านซ้าย
- ตั้งค่าตัวเลือก: กำหนดชื่อ root class เลือกโหมด manual หรือ json_serializable และปรับ nullable properties หรือ camelCase fields
- สร้างโค้ด Dart: คลิก "สร้าง Dart" เพื่อสร้าง model class พร้อม fromJson และ toJson
- คัดลอกหรือดาวน์โหลด: คัดลอกโค้ดที่สร้างได้ หรือดาวน์โหลดเป็นไฟล์ .dart ไปใช้ในโปรเจกต์ Flutter
คุณสมบัติหลัก
- สร้าง Dart model class พร้อมประเภทข้อมูลแบบ null-safe
- รองรับ nested object และชนิดข้อมูลแบบ List
- รองรับ json_serializable annotation พร้อม @JsonKey
- กำหนดชื่อ root class และแปลง field เป็น camelCase ได้
- สร้าง fromJson factory และ toJson method อัตโนมัติ
- ประมวลผลบนเบราว์เซอร์ 100% ข้อมูลไม่ถูกส่งออกจากอุปกรณ์
คำถามที่พบบ่อย
ตัวแปลง JSON to Dart ใช้ฟรีหรือไม่
ใช้ฟรีโดยสมบูรณ์ ไม่จำกัดจำนวนครั้ง การแปลงทั้งหมดทำงานในเบราว์เซอร์ของคุณ ข้อมูล JSON จะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ใด ๆ
โหมด manual กับ json_serializable ต่างกันอย่างไร
โหมด manual สร้าง fromJson factory constructor และเมธอด toJson แบบสมบูรณ์ที่ใช้งานได้โดยไม่ต้องพึ่ง dependency เพิ่มเติม ส่วนโหมด json_serializable สร้าง class พร้อม annotation ที่ต้องใช้แพ็กเกจ json_serializable ร่วมกับ build_runner เพื่อสร้างโค้ด serialization ให้
รองรับ JSON ที่ซ้อนกันและ array หรือไม่
รองรับครับ object ที่ซ้อนกันจะถูกสร้างเป็น Dart class แยกต่างหากพร้อม reference ที่ถูกต้อง และ array จะกลายเป็นชนิดข้อมูล List พร้อมประเภทของสมาชิกที่ตรวจสอบอัตโนมัติ
นำโค้ดที่สร้างไปใช้ในโปรเจกต์ Flutter ได้เลยไหม
ได้เลย คัดลอกโค้ดหรือดาวน์โหลดเป็นไฟล์ .dart แล้วนำไปไว้ในโฟลเดอร์ lib/models สำหรับโหมด json_serializable ให้เพิ่มแพ็กเกจที่จำเป็นใน pubspec.yaml และรัน build_runner ก่อนใช้งาน