GraphQL Playground
Schrijf, valideer en verken GraphQL-queries, mutations en schemas. Plak een schema om typen en velden te bekijken, of laad voorbeeldqueries om te beginnen.
GraphQL-query
Variabelen (JSON)
GraphQL Playground
Schrijf, valideer en verken GraphQL-queries, mutations en schemas. Plak een schema om typen en velden te bekijken, of laad voorbeeldqueries om te beginnen.
Functies
- 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
Hoe te gebruiken
- Voer uw GraphQL-query in de editor in of klik op een voorbeeldknop om een voorbeeldquery te laden.
- Voeg JSON-variabelen toe in het variabelenpaneel als uw query parameters gebruikt.
- Klik op Uitvoeren om de querysyntaxis te valideren, of schakel naar het tabblad Schema-verkenner om typen te bekijken.
Tips en 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.
Veelgestelde vragen
Kan deze tool daadwerkelijk een GraphQL API aanroepen?
Nee. Vanwege CORS-beperkingen van de browser kan deze tool geen queries uitvoeren tegen externe API's. Het valideert uw querysyntaxis en -structuur aan de clientzijde, zodat u fouten kunt opsporen voordat u queries in uw eigen applicatie of API-client uitvoert.
Welk soort validatie voert het uit?
De playground controleert op overeenkomende accolades en haakjes, geldige operatietrefwoorden (query, mutation, subscription, fragment), lege selectiesets en geldige JSON in het variabelenpaneel. Het biedt regelnummerverwijzingen voor elke gevonden fout.
Hoe werkt de Schema-verkenner?
Plak een GraphQL Schema Definition Language (SDL)-document en klik op Schema parsen. De tool extraheert alle typen, input types en enums, en toont ze als bladerbare kaarten met de naam van elk veld en zijn type.
Welke voorbeeldqueries zijn beschikbaar?
Drie voorbeeldqueries zijn inbegrepen: een basisgebruikers-query die geneste velden demonstreert, een geparametreerde query met variabelen die directives en paginering toont, en een mutation-voorbeeld met inputobjecten en foutafhandeling.
Zijn mijn gegevens privé?
Ja. Alle validatie en parsing gebeurt volledig in uw browser. Er worden geen gegevens naar enige server gestuurd. Uw queries, variabelen en schemas blijven te allen tijde op uw apparaat.
Kan ik dit gebruiken voor subscription?
U kunt subscription-queries syntactisch schrijven en valideren. Aangezien echte WebSocket-verbindingen met externe servers echter niet worden ondersteund, zal de subscription niet worden uitgevoerd. De validator zal de syntaxis nog steeds op juistheid controleren.