Cliente GraphQL no navegador: escreva queries e variáveis, envie para qualquer endpoint GraphQL e inspecione resultados JSON formatados ou arrays de erros — ideal para iterar sobre esquemas durante o desenvolvimento
Execução
Executar esta ferramenta
Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.
Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.
Fatos principais
Categoria
Development
Tipos de entrada
text, textarea
Tipo de saída
interactive
Cobertura de exemplos
4
API pronta
Sim
Visão geral
O GraphQL Playground é um cliente interativo baseado no navegador que permite testar endpoints GraphQL de forma rápida. Com ele, você pode escrever queries e mutations, definir variáveis em formato JSON, configurar cabeçalhos de autenticação e inspecionar instantaneamente as respostas JSON formatadas ou os erros retornados pela API.
Quando usar
Ao desenvolver ou integrar APIs GraphQL e precisar testar queries e mutations rapidamente sem configurar um cliente local.
Para depurar respostas de esquemas GraphQL inspecionando o JSON de retorno ou analisando arrays de erros detalhados.
Quando precisar validar o comportamento de endpoints protegidos enviando cabeçalhos HTTP personalizados e variáveis dinâmicas.
Como funciona
1Insira a URL do endpoint GraphQL no campo correspondente.
2Escreva sua query ou mutation no editor e, se necessário, adicione variáveis no formato JSON e cabeçalhos HTTP.
3Execute a requisição para enviar os dados diretamente ao servidor GraphQL.
4Visualize o resultado formatado em JSON ou a lista de erros retornada pela API no painel de resultados.
Casos de uso
Validação rápida de queries e mutations durante o desenvolvimento de novas funcionalidades em APIs GraphQL.
Teste de payloads e variáveis dinâmicas para simular diferentes cenários de resposta da API.
Depuração de cabeçalhos de segurança e tokens de acesso em endpoints GraphQL protegidos.
Exemplos
1. Consulta de dados geográficos públicos
Desenvolvedor Frontend
Contexto
Um desenvolvedor precisa obter uma lista de continentes e seus respectivos códigos de uma API pública para preencher um componente de seleção no frontend.
Problema
Validar a estrutura da query e o formato do JSON de resposta antes de implementar o código no projeto.
Como usar
Insira o endpoint público no campo correspondente, cole a query de listagem de continentes e execute a requisição.
Defina o endpoint de homologação, adicione o cabeçalho de autorização, escreva a mutation com variáveis e preencha o JSON de variáveis com os dados do novo usuário.