GraphQL Playground
Skriv, validera och utforska GraphQL-frågor, mutations och schemas. Klistra in ett schema för att bläddra bland typer och fält, eller ladda exempelfrågor för att komma igång.
GraphQL-fråga
Variabler (JSON)
GraphQL Playground
Skriv, validera och utforska GraphQL-frågor, mutations och schemas. Klistra in ett schema för att bläddra bland typer och fält, eller ladda exempelfrågor för att komma igång.
Funktioner
- 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
Så använder du
- 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 och bästa praxis
- 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.
Vanliga frågor
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.