Was ist der GraphQL-Formatter?

Der GraphQL-Formatter verschönert, minifiziert und syntaxprüft GraphQL-Queries, -Mutations und -SDL-Schemas und extrahiert benannte Operationen — alles in deinem Browser.

Wie formatiere ich eine GraphQL-Query mit diesem Tool?

Füge deine Query, Mutation oder dein Schema in das Eingabefeld ein und wähle Format. Der GraphQL-Formatter rückt Felder, Argumente und Auswahlmengen neu ein, sodass du das saubere Ergebnis kopieren kannst.

Validiert der GraphQL-Formatter gegen mein Schema?

Er validiert die Syntax und bestätigt, dass die Query oder das Schema parst. Er prüft keine Operationen gegen eine bestimmte Schemadefinition.

Was macht die Minify-Option?

Minify entfernt ignorierte Zeichen wie Leerraum, Kommas und Kommentare, um das kleinste äquivalente GraphQL-Dokument zu erzeugen.

Kann der GraphQL-Formatter auch meine Variablen schön ausgeben?

Ja. Füge ein Variablen-JSON-Objekt in das dafür vorgesehene Feld ein, und es wird neben deiner Query formatiert.

Wird meine GraphQL-Query irgendwohin hochgeladen?

Nein. Der GraphQL-Formatter verarbeitet alles lokal in deinem Browser, sodass deine Queries, Schemas und Variablen dein Gerät nie verlassen.

GraphQL-Formatierer

Formatiere oder minimiere GraphQL-Abfragen und -Schemas, validiere die Syntax und extrahiere Operationen.

Deine GraphQL-Queries, -Schemas und -Variablen werden lokal in deinem Browser verarbeitet und nichts wird auf einen Server hochgeladen.

Musst du einen Request-Body aufräumen? Probiere den JSON Formatter.

Über GraphQL-Formatierer

Dieser GraphQL-Formatter gibt GraphQL-Queries, -Mutations und -SDL-Schemas schön aus und minifiziert sie, während er prüft, dass jedes Dokument sauber parst. Füge eine rohe Query ein, und der GraphQL-Beautifier rückt Felder, Argumente und Auswahlmengen konsistent ein; wechsle zum Minifizieren, um Leerraum, Kommas und Kommentare auf das kleinste äquivalente Dokument zu reduzieren. Er extrahiert außerdem benannte Operationen und gibt ein angehängtes Variablen-JSON-Objekt schön aus, sodass du eine vollständige Anfrage an einem Ort aufräumen und als schnellen GraphQL-Validator nutzen kannst. Gebaut für Frontend- und Backend-Entwickler, QA-Ingenieure und alle, die API-Aufrufe debuggen und eine GraphQL-Query formatieren oder ein GraphQL-Schema vor dem Teilen verschönern müssen. Alles läuft lokal in deinem Browser, sodass deine Daten dein Gerät nie verlassen und nichts auf einen Server hochgeladen wird.

Funktionen

Formatiere Queries, Mutations und SDL-Schemas mit sauberer, konsistenter Einrückung
Minifiziere Dokumente durch Entfernen von Leerraum, Kommas und Kommentaren
Validiere die Syntax, sodass fehlerhafte Queries einen klaren Parse-Fehler zeigen
Extrahiere und liste benannte Operationen aus dem eingefügten Dokument auf
Gib ein angehängtes Variablen-JSON-Objekt neben der Query schön aus
Wechsle zwischen Format- und Minify-Modus mit einem Klick
Kopiere formatierte oder minifizierte Ausgabe sofort

So verwendest du GraphQL-Formatierer

Füge deine GraphQL-Query, -Mutation oder dein -Schema in das Eingabefeld ein.
Wähle Format zum Verschönern oder Minify zum Komprimieren des Dokuments.
Füge optional ein Variablen-JSON-Objekt ein, um es schön auszugeben.
Prüfe die extrahierten Operationsnamen und etwaige Syntaxfehler.
Kopiere das formatierte oder minifizierte Ergebnis aus dem Ausgabebereich.

Beispiel

Eingabe

query Hero($ep:Episode){hero(episode:$ep){name friends{name}}}

Ausgabe

query Hero($ep: Episode) {
  hero(episode: $ep) {
    name
    friends {
      name
    }
  }
}

Der Format-Modus verschönert eine kompakte Query zu eingerücktem GraphQL.

Häufige Fehler & Fehlerbehebung

Die Ausgabe zeigt nach dem Einfügen einen Syntaxfehler. — Das Dokument muss gültiges GraphQL sein. Prüfe auf unausgeglichene geschweifte Klammern, fehlende Feldauswahlen oder ein vereinzeltes Komma und formatiere dann neu.
Das Panel der Operationsnamen sagt, es gibt keine benannten Operationen. — Anonyme Queries und SDL-Schemas haben keine Operationsnamen. Füge einen Namen wie query GetUser { ... } hinzu, wenn du ihn gelistet brauchst.
Das Variablenfeld meldet ungültiges JSON. — Das Variablenfeld erwartet ein JSON-Objekt wie { "id": "1000" }, nicht GraphQL-Syntax. Nutze doppelt-quotierte Schlüssel und gültiges JSON.
Schema-Validierung gegen meine API erwartet. — Dieses Tool validiert nur die Syntax. Es bestätigt, dass das Dokument parst, prüft aber keine Felder gegen ein bestimmtes Schema.

Häufig gestellte Fragen

Was ist der GraphQL-Formatter?: Der GraphQL-Formatter verschönert, minifiziert und syntaxprüft GraphQL-Queries, -Mutations und -SDL-Schemas und extrahiert benannte Operationen — alles in deinem Browser.
Wie formatiere ich eine GraphQL-Query mit diesem Tool?: Füge deine Query, Mutation oder dein Schema in das Eingabefeld ein und wähle Format. Der GraphQL-Formatter rückt Felder, Argumente und Auswahlmengen neu ein, sodass du das saubere Ergebnis kopieren kannst.
Validiert der GraphQL-Formatter gegen mein Schema?: Er validiert die Syntax und bestätigt, dass die Query oder das Schema parst. Er prüft keine Operationen gegen eine bestimmte Schemadefinition.
Was macht die Minify-Option?: Minify entfernt ignorierte Zeichen wie Leerraum, Kommas und Kommentare, um das kleinste äquivalente GraphQL-Dokument zu erzeugen.
Kann der GraphQL-Formatter auch meine Variablen schön ausgeben?: Ja. Füge ein Variablen-JSON-Objekt in das dafür vorgesehene Feld ein, und es wird neben deiner Query formatiert.
Wird meine GraphQL-Query irgendwohin hochgeladen?: Nein. Der GraphQL-Formatter verarbeitet alles lokal in deinem Browser, sodass deine Queries, Schemas und Variablen dein Gerät nie verlassen.