Generator JavaScript Class ke JSON Schema

Input Kode JavaScript

Memuat editor…

Output JSON Schema

Pengaturan

Pilih class yang harus diperlakukan sebagai root saat membuat schema.

Parsing berjalan sepenuhnya di browser Anda. Sumber Anda tidak pernah meninggalkan halaman.

Tempel definisi class JavaScript Anda untuk menghasilkan JSON Schema secara instan.

Mendukung class ES6 dengan assignment di constructor atau sintaks class field.

Cara mengonversi class JavaScript menjadi JSON Schema – panduan langkah demi langkah

Konverter class JavaScript ke JSON Schema online ini membantu Anda menghasilkan JSON Schema dari model nyata (DTO, struct, dan class) sehingga Anda dapat memvalidasi payload, membagikan kontrak, dan membuat JSON mock.

  1. Langkah 1 – Tempel sumber JavaScript Anda

    • Tempel model yang ingin Anda dokumentasikan ke editor kiri.
    • Sertakan tipe yang direferensikan dalam snippet yang sama agar schema dapat menghasilkan definitions.
    • Gunakan tombol Contoh untuk memuat contoh dan melihat format input yang diharapkan.
  2. Langkah 2 – Pilih Class root (jika perlu)

    • Jika beberapa definisi terdeteksi, pilih root yang cocok dengan payload API Anda.
    • Output schema dibangun berdasarkan root yang dipilih dan dapat menyertakan definisi tambahan untuk tipe yang direferensikan.
  3. Langkah 3 – Tinjau output JSON Schema

    • Periksa tipe, field wajib vs opsional, serta struktur objek/array bersarang.
    • Cari definitions dan $ref saat model Anda mereferensikan model lain.
    • Salin atau unduh schema untuk validasi, dokumentasi, atau pengembangan schema-first.
  4. Langkah 4 – Validasi atau buat JSON mock

    • Klik Buat Data Mock untuk membuka mock generator dengan schema Anda yang sudah dimuat.
    • Validasi payload nyata terhadap schema untuk menangkap breaking change lebih awal.
    • Jika Anda mengandalkan komposisi schema lanjutan (misalnya anyOf/oneOf/allOf), verifikasi hasilnya dengan validator penuh seperti Ajv.

Catatan dukungan keyword schema

Schema yang dihasilkan dapat menyertakan $ref dan bisa diedit untuk menyertakan anyOf, oneOf, atau allOf. Untuk schema yang kompleks, gunakan validator JSON Schema penuh dan lakukan dereference sebelum membuat mock jika diperlukan.

Alat JSON Schema & pembuatan kode terkait

Gunakan alat-alat ini untuk memvalidasi schema, menghasilkan payload mock, memformat contoh JSON, dan menjaga sinkronisasi kode serta kontrak.

Pertanyaan yang Sering Diajukan

Kode JavaScript apa yang didukung?

Tempel class ES6 yang menetapkan field di constructor (this.field = value) atau menggunakan sintaks class field (field = value). Parser menyimpulkan tipe JSON Schema dari assignment literal seperti string, angka, boolean, array, dan object literal.

Seberapa akurat inferensi tipenya?

Nilai literal menetapkan tipe schema (misalnya, "" => string, 0 => integer, [] => array). Assignment non-literal fallback ke string dan ditandai opsional. Array menjadi schema array dengan elemen generik, dan object literal menjadi map.

Apakah ini bekerja dengan TypeScript?

Jika class TypeScript Anda menyertakan nilai default literal, parser juga akan bekerja, tetapi untuk anotasi tipe kami merekomendasikan alat TypeScript Class → JSON Schema. Konverter JavaScript ini berfokus pada assignment runtime.

Bagaimana mendapatkan JSON mock dari schema?

Setelah schema dibuat, klik "Buat Data Mock" untuk membuka Mock Generator dengan schema yang sudah dimuat. Konfigurasikan locale, ukuran array, dan field opsional untuk menghasilkan payload contoh dalam hitungan detik.

Generator JavaScript Class ke JSON Schema | JSONSwiss