GraphQL Playground
Schreiben, validieren und erkunden Sie GraphQL-Abfragen, Mutationen und Schemas. Fügen Sie ein Schema ein, um Typen und Felder zu durchsuchen, oder laden Sie Beispielabfragen, um loszulegen.
GraphQL-Abfrage
Variablen (JSON)
GraphQL Playground
Schreiben, validieren und erkunden Sie GraphQL-Abfragen, Mutationen und Schemas. Fügen Sie ein Schema ein, um Typen und Felder zu durchsuchen, oder laden Sie Beispielabfragen, um loszulegen.
Funktionen
- Client-side query validation: brace / paren matching, operation keywords, variables JSON syntax
- Schema explorer parses a pasted GraphQL SDL and lists types, inputs, enums
- Built-in formatter for queries and SDL
- This is a VALIDATOR — queries are NOT sent to a GraphQL endpoint
- For actually executing queries, use GraphQL Playground (the original), GraphiQL, or your IDE's GraphQL extension
Anleitung
- Geben Sie Ihre GraphQL-Abfrage in den Editor ein oder klicken Sie auf eine Beispiel-Schaltfläche, um eine Beispielabfrage zu laden.
- Fügen Sie JSON-Variablen im Variablenbereich hinzu, falls Ihre Abfrage Parameter verwendet.
- Klicken Sie auf Ausführen, um die Abfragesyntax zu validieren, oder wechseln Sie zur Registerkarte Schema-Explorer, um Typen zu durchsuchen.
Tipps & Best Practices
- Queries stay in your browser. CORS makes browser-side GraphQL execution unreliable for arbitrary endpoints, so this tool is a syntax sanity-check only.
- For real query execution, use a desktop client (Insomnia, Postman) or a server-side proxy.
- Variable validation is JSON-syntax only — the tool doesn't cross-check variable shapes against schema types.
- Paste your schema's SDL into the schema panel to get the type list for autocomplete-style discovery.
- Standard operation types (query / mutation / subscription) are recognised.
FAQ
Kann dieses Tool tatsächlich eine GraphQL-API aufrufen?
Nein. Aufgrund der CORS-Beschränkungen des Browsers kann dieses Tool keine Abfragen gegen externe APIs ausführen. Es validiert die Syntax und Struktur Ihrer Abfrage clientseitig, sodass Sie Fehler erkennen können, bevor Sie Abfragen in Ihrer eigenen Anwendung oder Ihrem API-Client ausführen.
Welche Art von Validierung führt es durch?
Der Playground prüft auf passende geschweifte Klammern und Klammern, gültige Operations-Schlüsselwörter (query, mutation, subscription, fragment), leere Selection-Sets und gültiges JSON im Variablenbereich. Er liefert Zeilennummern-Referenzen für jeden gefundenen Fehler.
Wie funktioniert der Schema-Explorer?
Fügen Sie ein GraphQL Schema Definition Language (SDL)-Dokument ein und klicken Sie auf Schema parsen. Das Tool extrahiert alle Typen, Input-Typen und Enums und zeigt sie als durchsuchbare Karten an, die jeden Feldnamen und dessen Typ anzeigen.
Welche Beispielabfragen sind verfügbar?
Drei Beispielabfragen sind enthalten: eine einfache Benutzer-query, die verschachtelte Felder demonstriert, eine parametrisierte Abfrage mit Variablen, die Direktiven und Paginierung zeigt, und ein mutation-Beispiel mit Input-Objekten und Fehlerbehandlung.
Sind meine Daten privat?
Ja. Die gesamte Validierung und das Parsen erfolgen vollständig in Ihrem Browser. Es werden keine Daten an einen Server gesendet. Ihre Abfragen, Variablen und Schemas verbleiben jederzeit auf Ihrem Gerät.
Kann ich dies für subscription verwenden?
Sie können subscription-Abfragen syntaktisch schreiben und validieren. Da jedoch tatsächliche WebSocket-Verbindungen zu externen Servern nicht unterstützt werden, wird die subscription nicht ausgeführt. Der Validator prüft trotzdem die Syntax auf Korrektheit.