Repolode
Enviar
graphql

graphql/graphiql

GraphiQL é uma IDE GraphQL no navegador e também o monorepo de serviços de linguagem, modos de editor e servidores LSP que a alimentam e oferecem ferramentas para editores GraphQL.

Alternativa open source a:GraphQL PlaygroundPostman

Ver no GitHub
Estrelas
16,915
Forks
1,860
Issues abertas
402
Último commit
há 12 horas

O que é?

GraphiQL é uma IDE GraphQL gráfica e interativa, executada no navegador e implementada em React. Ela permite que desenvolvedores escrevam e executem queries em um servidor GraphQL, com um Doc Explorer para navegar pelo schema. O projeto é a implementação de referência de um monorepo oficial da GraphQL Foundation.

O repositório também abriga o ecossistema mais amplo de IDEs GraphQL: um serviço de linguagem que funciona com um schema GraphQL, um servidor LSP e uma CLI para integração com IDEs, além de modos de editor para CodeMirror 5, CodeMirror 6 e Monaco. Uma extensão para VS Code baseada no servidor LSP é publicada separadamente, junto com extensões para realce de sintaxe e execução de queries inline.

Desenvolvedores que incorporam edição de GraphQL em aplicações web, criam plugins para IDEs ou configuram uma instância do GraphiQL para seu próprio servidor encontrarão os pacotes aqui. O projeto usa a licença MIT e é mantido pela GraphQL Foundation.

Recursos principais

  • 01IDE GraphiQL no navegador, com um Doc Explorer para navegar pelos schemas.
  • 02Serviço de linguagem que oferece validação e autocompletar com base no schema GraphQL.
  • 03Servidor LSP e CLI para integrar suporte a GraphQL em IDEs.
  • 04Modos de editor para CodeMirror 5, CodeMirror 6 e Monaco.
  • 05Extensões para VS Code com realce de sintaxe GraphQL e execução de queries inline.

Casos de uso

  • Adicionar um explorador GraphQL interativo a um servidor ou site de documentação.
  • Criar uma experiência de edição de GraphQL dentro de uma aplicação web.
  • Oferecer autocompletar e linting de GraphQL no VS Code ou em outros editores compatíveis com LSP.
  • Criar plugins personalizados para IDEs GraphQL com base no serviço de linguagem compartilhado.

Início rápido

  1. 1

    Consulte a documentação de configuração do GraphiQL em packages/graphiql/README.md

  2. 2

    Para desenvolver este monorepo localmente, siga as instruções de DEVELOPMENT.md

Antes de usar

  • As versões do graphiql anteriores à 1.4.7 são vulneráveis a XSS quando o servidor GraphQL ao qual se conectam não é confiável.
  • O modo Monaco ainda está em desenvolvimento.

Tópicos

#graphql#graphiql#ide#lsp#codemirror#monaco-editor#vscode#react#lsp-mode#lsp-server

Perguntas frequentes

O que é graphiql?
GraphiQL é uma IDE GraphQL no navegador e também o monorepo de serviços de linguagem, modos de editor e servidores LSP que a alimentam e oferecem ferramentas para editores GraphQL. GraphiQL é uma IDE GraphQL gráfica e interativa, executada no navegador e implementada em React. Ela permite que desenvolvedores escrevam e executem queries em um servidor GraphQL, com um Doc Explorer para navegar pelo schema. O projeto é a implementação de referência de um monorepo oficial da GraphQL Foundation.
graphiql é gratuito? Qual é a licença?
graphiql é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
graphiql ainda é mantido?
Manutenção ativa. O último commit de graphiql foi em 21 de out. de 2026.
Para que posso usar graphiql?
Adicionar um explorador GraphQL interativo a um servidor ou site de documentação. Criar uma experiência de edição de GraphQL dentro de uma aplicação web. Oferecer autocompletar e linting de GraphQL no VS Code ou em outros editores compatíveis com LSP. Criar plugins personalizados para IDEs GraphQL com base no serviço de linguagem compartilhado.
Como instalar graphiql?
Consulte a documentação de configuração do GraphiQL em packages/graphiql/README.md Para desenvolver este monorepo localmente, siga as instruções de DEVELOPMENT.md
Onde consigo graphiql?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/graphql/graphiql

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados