GraphQL Playground
Escreva, valide e explore consultas, mutations e schemas GraphQL. Cole um schema para navegar pelos tipos e campos, ou carregue consultas de exemplo para começar.
Consulta GraphQL
Variáveis (JSON)
GraphQL Playground
Escreva, valide e explore consultas, mutations e schemas GraphQL. Cole um schema para navegar pelos tipos e campos, ou carregue consultas de exemplo para começar.
Recursos
- 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
Como usar
- Digite sua consulta GraphQL no editor ou clique em um botão de exemplo para carregar uma consulta de amostra.
- Adicione variáveis JSON no painel de variáveis se sua consulta usar parâmetros.
- Clique em Executar para validar a sintaxe da consulta, ou alterne para a aba Explorador de Schema para navegar pelos tipos.
Dicas e Melhores Práticas
- 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.
Perguntas Frequentes
Esta ferramenta pode realmente chamar uma API GraphQL?
Não. Devido às restrições CORS do navegador, esta ferramenta não pode executar consultas contra APIs externas. Ela valida a sintaxe e a estrutura da sua consulta no lado do cliente para que você possa identificar erros antes de executar consultas em sua própria aplicação ou cliente de API.
Que tipo de validação ela realiza?
O playground verifica chaves e parênteses correspondentes, palavras-chave de operação válidas (query, mutation, subscription, fragment), conjuntos de seleção vazios e JSON válido no painel de variáveis. Ele fornece referências de número de linha para cada erro encontrado.
Como funciona o Explorador de Schema?
Cole um documento GraphQL Schema Definition Language (SDL) e clique em Analisar Schema. A ferramenta extrai todos os tipos, input types e enums, e os exibe como cartões navegáveis mostrando o nome de cada campo e seu tipo.
Quais consultas de exemplo estão disponíveis?
Três consultas de exemplo estão incluídas: uma query básica de usuários demonstrando campos aninhados, uma consulta parametrizada com variáveis mostrando diretivas e paginação, e um exemplo de mutation com objetos de entrada e tratamento de erros.
Meus dados são privados?
Sim. Toda a validação e análise acontecem inteiramente no seu navegador. Nenhum dado é enviado a qualquer servidor. Suas consultas, variáveis e schemas permanecem no seu dispositivo o tempo todo.
Posso usar isto para subscription?
Você pode escrever e validar consultas de subscription sintaticamente. No entanto, como conexões WebSocket reais com servidores externos não são suportadas, a subscription não será executada. O validador ainda verificará a sintaxe quanto à correção.