Este formatador de GraphQL embeleza e minifica queries, mutations e schemas SDL do GraphQL enquanto verifica se cada documento é interpretado sem erros. Cole uma query bruta e o embelezador de graphql indenta campos, argumentos e conjuntos de seleção de forma consistente; mude para minificar para remover espaços em branco, vírgulas e comentários até o menor documento equivalente. Ele também extrai operações nomeadas e embeleza um objeto JSON de variáveis anexado, para você organizar uma requisição completa em um só lugar e usá-lo como um validador de graphql rápido. Feito para desenvolvedores front-end e back-end, engenheiros de QA e qualquer um depurando chamadas de API que precisa formatar uma query graphql ou embelezar um schema graphql antes de compartilhá-lo. Tudo roda localmente no seu navegador, então seus dados nunca saem do seu dispositivo e nada é enviado para um servidor.
Recursos
Formate queries, mutations e schemas SDL com indentação limpa e consistente
Minifique documentos removendo espaços em branco, vírgulas e comentários
Valide a sintaxe para que queries malformadas exibam um erro de parsing claro
Extraia e liste operações nomeadas do documento colado
Embeleze um objeto JSON de variáveis anexado junto com a query
Alterne entre os modos Formatar e Minificar com um clique
Copie a saída formatada ou minificada instantaneamente
Como usar Formatador de GraphQL
Cole sua query, mutation ou schema GraphQL na caixa de entrada.
Escolha Formatar para embelezar ou Minificar para compactar o documento.
Opcionalmente, cole um objeto JSON de variáveis para embelezá-lo.
Revise os nomes das operações extraídas e qualquer erro de sintaxe.
Copie o resultado formatado ou minificado do painel de saída.
query Hero($ep: Episode) {
hero(episode: $ep) {
name
friends {
name
}
}
}
O modo Formatar embeleza uma query compacta em GraphQL indentado.
Erros comuns e solução de problemas
A saída mostra um erro de sintaxe após colar. — O documento precisa ser GraphQL válido. Verifique chaves desbalanceadas, seleções de campos faltando ou uma vírgula solta, depois reformate.
O painel de nomes de operações diz que não há operações nomeadas. — Queries anônimas e schemas SDL não têm nomes de operação. Adicione um nome como query GetUser { ... } se precisar que seja listado.
A caixa de variáveis reporta JSON inválido. — O campo de variáveis espera um objeto JSON como { "id": "1000" }, não sintaxe GraphQL. Use chaves com aspas duplas e JSON válido.
Esperando validação de schema contra minha API. — Esta ferramenta valida apenas a sintaxe. Ela confirma que o documento é interpretado, mas não verifica os campos contra um schema específico.
Perguntas frequentes
O que é o Formatador de GraphQL?
O Formatador de GraphQL embeleza, minifica e verifica a sintaxe de queries, mutations e schemas SDL do GraphQL, e extrai operações nomeadas — tudo no seu navegador.
Como formato uma query GraphQL com esta ferramenta?
Cole sua query, mutation ou schema na caixa de entrada e escolha Formatar. O Formatador de GraphQL reindenta campos, argumentos e conjuntos de seleção para você copiar o resultado limpo.
O Formatador de GraphQL valida contra meu schema?
Ele valida a sintaxe, confirmando que a query ou schema é interpretado. Ele não verifica as operações contra uma definição de schema específica.
O que a opção de minificar faz?
A minificação remove caracteres ignorados como espaços em branco, vírgulas e comentários para produzir o menor documento GraphQL equivalente.
O Formatador de GraphQL pode embelezar minhas variáveis também?
Sim. Cole um objeto JSON de variáveis na caixa dedicada e ele é formatado junto com sua query.
Minha query GraphQL é enviada para algum lugar?
Não. O Formatador de GraphQL processa tudo localmente no seu navegador, então suas queries, schemas e variáveis nunca saem do seu dispositivo.
Ferramentas relacionadas
Formatador de JSON — Embeleze, minifique e valide JSON com a localização dos erros.
Formatador de SQL — Formate SQL para MySQL, PostgreSQL, SQL Server, SQLite, BigQuery e Oracle.
Formatador de XML — Embeleze, minifique e valide XML, e converta XML ↔ JSON.
Formatador de JS / TS — Embeleze JavaScript, TypeScript e JSX/TSX com opções do Prettier, ou minifique JavaScript puro.