Formatter & Validator GraphQL

Tempel query, mutation, atau skema untuk merapikan, memperkecil (minify), atau mencari letak kesalahannya. Tambahkan skemamu dan setiap field, argumen, serta variabel dalam query akan dicek terhadap skema tersebut.

Diperbarui
Validasi terhadap skema — opsional SDL, mengecek field, argumen, tipe, dan variabel

Data kamu tidak pernah meninggalkan komputer kamu. Semua proses berjalan 100% secara lokal di browser kamu.

Apakah alat ini membantu?0.0 0 penilaian
Buat query dan mutation GraphQL secara visualTempel schema, centang field yang kamu butuhkan, isi argumen, lalu salin query beserta JSON variabelnya.GraphQL Query Builder →

Cara menggunakan Formatter & Validator GraphQL

  1. Tempel query, mutation, subscription, fragment, atau skema GraphQL (SDL).
  2. Kode akan otomatis dirapikan saat kamu mengetik. Error sintaks menampilkan baris dan kolomnya.
  3. Opsional: buka Validasi terhadap skema lalu tempel SDL-mu untuk mengecek setiap field dan argumen.
  4. Salin hasil yang sudah dirapikan atau di-minify.

Apa saja yang dicek validator

Tanpa skema, tool ini mengecek sintaks: kurung kurawal yang seimbang, nama yang valid, sintaks argumen dan variabel, serta escape pada string dan block string. Dengan skema, tool menjalankan seluruh aturan validasi GraphQL dari spesifikasi, yaitu aturan yang sama dengan yang diterapkan server GraphQL sebelum menjalankan sebuah query:

  • Setiap field harus ada pada tipenya. Field leaf (scalar, enum) tidak boleh punya selection set, sedangkan field object wajib punya.
  • Argumen harus ada, argumen wajib harus diisi, dan nilainya harus sesuai tipenya.
  • Variabel harus dideklarasikan dan digunakan, serta tipenya harus cocok dengan tempat penggunaannya.
  • Fragment harus digunakan, sesuai dengan tipe tempat ia di-spread, dan tidak membentuk siklus.
  • Nama operasi harus unik, dan operasi anonim harus berdiri sendiri.

Format dan minify

Proses format memakai fungsi print referensi dari graphql-js, jadi hasilnya sama dengan yang dihasilkan sebagian besar tool GraphQL: indentasi dua spasi, satu field per baris, dan spasi argumen yang seragam. Minify menghapus komentar dan spasi yang tidak berarti, sangat berguna untuk request GET dan persisted query di mana setiap byte berpengaruh. Ingin membuat query dari skema? Gunakan query builder GraphQL.

Juga dicari sebagai: graphql formatter, validator graphql, rapikan query graphql, format graphql online, cek sintaks graphql, minify graphql, validasi skema graphql, sdl formatter.

Tool yang cocok dipakai bersama Formatter & Validator GraphQL

  • Format JSON — Tempel JSON untuk dirapikan, di-minify, atau divalidasi.
  • Validator OpenAPI / Swagger — Tempel spesifikasi API untuk memeriksanya terhadap skema OpenAPI resmi, menemukan referensi yang rusak dan parameter path yang tidak konsisten, serta melihat semua endpoint sekaligus.
  • Validator JSON Schema — Tempel schema dan JSON untuk melihat nilai mana yang melanggar aturan, atau buat schema awal dari data contoh.
  • Webhook Tester — Dapatkan URL unik, arahkan webhook atau klien HTTP apa pun ke sana, lalu lihat request masuk secara real time — header, query string, dan body yang sudah dirapikan, plus pengecekan signature HMAC.

Pertanyaan yang sering diajukan

Apakah mendukung file skema (SDL)?
Ya. Definisi tipe, interface, union, enum, input type, directive, dan schema extension juga dirapikan dan dicek sintaksnya seperti query.
Bisakah mengambil skema dari endpoint?
Tidak. Silakan tempel SDL-nya. Kamu bisa mengekspornya dengan tool seperti rover graph introspect atau get-graphql-schema, atau dari kode server kamu.
Apakah query-ku dikirim ke server mana pun?
Tidak. Proses parsing, format, dan validasi berjalan di browser kamu menggunakan graphql-js.
Bisakah saya memasang Formatter & Validator GraphQL sebagai aplikasi web dan memakainya offline?
Bisa. Formatter & Validator GraphQL adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.

Tool terkait