GraphQL Playground
Write, validate, and explore GraphQL queries, mutations, and schemas. Paste a schema to browse types and fields, or load sample queries to get started.
GraphQL Query
Variables (JSON)
GraphQL Playground
Write, validate, and explore GraphQL queries, mutations, and schemas. Paste a schema to browse types and fields, or load sample queries to get started.
Features
- 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
How to use
- Ange din GraphQL-fråga i editorn eller klicka på en exempelknapp för att ladda en exempelfråga.
- Lägg till JSON-variabler i variabelpanelen om din fråga använder parametrar.
- Klicka på Kör för att validera frågesyntaxen, eller växla till fliken Schema-utforskare för att bläddra bland typer.
Tips & 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
Kan det här verktyget faktiskt anropa ett GraphQL API?
Nej. På grund av CORS-begränsningar i webbläsaren kan det här verktyget inte köra frågor mot externa API:er. Det validerar din frågesyntax och -struktur på klientsidan så att du kan upptäcka fel innan du kör frågor i ditt eget program eller din egen API-klient.
Vilken typ av validering utför det?
Playground:en kontrollerar matchande klamrar och parenteser, giltiga operationsnyckelord (query, mutation, subscription, fragment), tomma urvalsuppsättningar och giltig JSON i variabelpanelen. Den ger radnummerreferenser för varje fel som hittas.
Hur fungerar Schema-utforskaren?
Klistra in ett GraphQL Schema Definition Language (SDL)-dokument och klicka på Tolka schema. Verktyget extraherar alla typer, input types och enums och visar dem som bläddringsbara kort som visar varje fältnamn och dess typ.
Vilka exempelfrågor finns tillgängliga?
Tre exempelfrågor ingår: en grundläggande användar-query som visar nästlade fält, en parametriserad fråga med variabler som visar direktiv och paginering, och ett mutation-exempel med inputobjekt och felhantering.
Är mina data privata?
Ja. All validering och tolkning sker helt i din webbläsare. Inga data skickas till någon server. Dina frågor, variabler och schemas finns kvar på din enhet hela tiden.
Kan jag använda detta för subscription?
Du kan skriva och validera subscription-frågor syntaktiskt. Eftersom faktiska WebSocket-anslutningar till externa servrar dock inte stöds, kommer subscription:en inte att köras. Validatorn kommer ändå att kontrollera att syntaxen är korrekt.