GraphQL Formatter & Validator

Füge eine Query, Mutation oder ein Schema ein, um es zu formatieren, zu minifizieren oder Fehler zu finden. Füg dein Schema hinzu, dann wird jedes Feld, jedes Argument und jede Variable in der Query dagegen geprüft.

Aktualisiert am
Gegen ein Schema validieren — optionales SDL, prüft Felder, Argumente, Typen und Variablen

Deine Daten verlassen nie deinen Computer. Die Verarbeitung erfolgt zu 100 % lokal im Browser.

So nutzt du: GraphQL Formatter & Validator

  1. Füge eine GraphQL-Query, Mutation, Subscription, ein Fragment oder ein Schema (SDL) ein.
  2. Es wird beim Tippen formatiert; Syntaxfehler zeigen Zeile und Spalte an.
  3. Öffne optional Gegen ein Schema validieren und füge dein SDL ein, um jedes Feld und jedes Argument zu prüfen.
  4. Kopiere das formatierte oder minifizierte Ergebnis.

Was der Validator prüft

Ohne Schema prüft das Tool die Syntax: ausgeglichene geschweifte Klammern, gültige Namen, Syntax von Argumenten und Variablen sowie Escapes in Strings und Block-Strings. Mit Schema führt es den vollständigen Satz der GraphQL-Validierungsregeln aus der Spezifikation aus, also dieselben Regeln, die ein GraphQL-Server vor der Ausführung einer Query anwendet:

  • Jedes Feld existiert auf seinem Typ, und Blattfelder (Skalare, Enums) haben keine Auswahlmenge, während Objektfelder eine haben.
  • Argumente existieren, Pflichtargumente sind angegeben und die Werte haben den richtigen Typ.
  • Variablen sind deklariert und verwendet, und ihre Typen passen zu den Stellen, an denen sie genutzt werden.
  • Fragmente werden verwendet, passen zum Typ, auf dem sie gespreadet werden, und bilden keine Zyklen.
  • Operationsnamen sind eindeutig, und anonyme Operationen stehen allein.

Formatieren und Minifizieren

Das Formatieren verwendet die Referenzfunktion print aus graphql-js, daher entspricht die Ausgabe dem, was die meisten GraphQL-Tools erzeugen: zweistellige Einrückung, ein Feld pro Zeile und normalisierte Abstände bei Argumenten. Minifizieren entfernt Kommentare und unwichtige Leerzeichen, was für GET-Requests und Persisted Queries nützlich ist, wenn jedes Byte zählt. Willst du eine Query aus einem Schema erstellen? Dann nutze den GraphQL-Query-Builder.

Auch gesucht als: graphql formatter, graphql validator, graphql formatieren, graphql query formatieren, graphql syntax prüfen, graphql minifizieren, graphql schema validieren, sdl formatter.

Passende Tools zu: GraphQL Formatter & Validator

  • JSON Formatierer — Füge JSON ein, um es zu formatieren, zu minifizieren oder zu prüfen.
  • OpenAPI-Validator — Füge eine API-Spezifikation ein, um sie gegen das offizielle OpenAPI-Schema zu prüfen, defekte Referenzen und inkonsistente Pfadparameter zu finden und alle Endpunkte auf einen Blick zu sehen.
  • JSON-Schema-Validator — Füge ein Schema und etwas JSON ein, um genau zu sehen, welche Werte welche Regel verletzen, oder erzeuge ein Startschema aus Beispieldaten.
  • Webhook-Tester — Erhalte eine eindeutige URL, richte einen beliebigen Webhook oder HTTP-Client darauf und sieh Requests in Echtzeit eintreffen – Header, Query-String und formatierter Body, dazu HMAC-Signaturprüfungen.

Häufige Fragen

Werden Schema-Dateien (SDL) unterstützt?
Ja. Typdefinitionen, Interfaces, Unions, Enums, Input-Typen, Direktiven und Schema-Erweiterungen werden wie Queries formatiert und auf Syntax geprüft.
Kann es mein Schema von einem Endpoint abrufen?
Nein, füge stattdessen das SDL ein. Du kannst es mit Tools wie rover graph introspect, get-graphql-schema oder direkt aus dem Code deines Servers exportieren.
Wird meine Query irgendwohin gesendet?
Nein. Parsen, Formatieren und Validieren laufen in deinem Browser mit graphql-js.
Kann ich GraphQL Formatter & Validator als Web-App installieren und offline nutzen?
Ja. GraphQL Formatter & Validator ist eine installierbare Web-App (PWA) – sie wird über Ihren Browser installiert und nicht aus einem App-Store heruntergeladen. Klicken Sie oben auf dieser Seite in Chrome oder Edge (Windows, macOS, Linux, ChromeOS) auf „App installieren“ oder verwenden Sie auf Android-Geräten „Teilen“ → „Zum Startbildschirm hinzufügen“ auf dem iPhone und iPad bzw. „Datei“ → „Zum Dock hinzufügen“ in Safari 17+ auf einem Mac. Die App öffnet sich dann in einem eigenen Fenster mit einem eigenen Symbol, und da sie vollständig in Ihrem Browser ausgeführt wird, funktioniert sie auch offline. Firefox auf dem Desktop kann keine Web-Apps installieren. So funktioniert die Installation.

Ähnliche Tools