Repolode
Enviar
graphql

graphql/graphiql

GraphiQL es un IDE de GraphQL en el navegador y un monorepo de servicios de lenguaje, modos de editor y servidores LSP que lo impulsan y ofrecen herramientas para editores de GraphQL.

Alternativa open source a:GraphQL PlaygroundPostman

Ver en GitHub
Estrellas
16,915
Forks
1,860
Issues abiertos
402
Último commit
hace 10 horas

¿Qué es?

GraphiQL es un IDE gráfico e interactivo de GraphQL que se ejecuta en el navegador y está implementado en React. Permite a los desarrolladores escribir y ejecutar consultas en un servidor GraphQL, y cuenta con un Doc Explorer para explorar el esquema. El proyecto es la implementación de referencia de un monorepo oficial de GraphQL Foundation.

El repositorio también alberga un ecosistema más amplio de IDE para GraphQL: un servicio de lenguaje que funciona con un esquema GraphQL, un servidor LSP y una CLI para integrar la herramienta en IDE, y modos de editor para CodeMirror 5, CodeMirror 6 y Monaco. Una extensión de VS Code basada en el servidor LSP se publica por separado, junto con extensiones para resaltar la sintaxis y ejecutar consultas en línea.

Los paquetes de este repositorio son útiles para desarrolladores que integran la edición de GraphQL en aplicaciones web, crean plugins para IDE o configuran una instancia de GraphiQL para su propio servidor. El proyecto cuenta con licencia MIT y GraphQL Foundation se encarga de su mantenimiento.

Funciones clave

  • 01IDE GraphiQL para navegador con un Doc Explorer para explorar esquemas.
  • 02Servicio de lenguaje que ofrece validación y autocompletado teniendo en cuenta el esquema GraphQL.
  • 03Servidor LSP y CLI para integrar la compatibilidad con GraphQL en IDE.
  • 04Modos de editor para CodeMirror 5, CodeMirror 6 y Monaco.
  • 05Extensiones de VS Code para resaltar la sintaxis de GraphQL y ejecutar consultas en línea.

Casos de uso

  • Añadir un explorador interactivo de GraphQL a un servidor o sitio de documentación.
  • Crear una experiencia de edición de GraphQL dentro de una aplicación web.
  • Ofrecer autocompletado y análisis estático de GraphQL en VS Code u otros editores compatibles con LSP.
  • Crear plugins personalizados para IDE de GraphQL basados en el servicio de lenguaje compartido.

Inicio rápido

  1. 1

    Consulta la documentación de configuración de GraphiQL en packages/graphiql/README.md

  2. 2

    Para desarrollar este monorepo en local, sigue las instrucciones de DEVELOPMENT.md

Antes de usarlo

  • Las versiones de graphiql anteriores a la 1.4.7 son vulnerables a XSS cuando no se confía en el servidor GraphQL al que se conectan.
  • El modo Monaco sigue en desarrollo.

Temas

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

Preguntas frecuentes

¿Qué es graphiql?
GraphiQL es un IDE de GraphQL en el navegador y un monorepo de servicios de lenguaje, modos de editor y servidores LSP que lo impulsan y ofrecen herramientas para editores de GraphQL. GraphiQL es un IDE gráfico e interactivo de GraphQL que se ejecuta en el navegador y está implementado en React. Permite a los desarrolladores escribir y ejecutar consultas en un servidor GraphQL, y cuenta con un Doc Explorer para explorar el esquema. El proyecto es la implementación de referencia de un monorepo oficial de GraphQL Foundation.
¿graphiql es gratuito? ¿Qué licencia tiene?
graphiql es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿graphiql sigue mantenido?
Mantenimiento activo. El último commit de graphiql fue el 21 oct 2026.
¿Para qué puedo usar graphiql?
Añadir un explorador interactivo de GraphQL a un servidor o sitio de documentación. Crear una experiencia de edición de GraphQL dentro de una aplicación web. Ofrecer autocompletado y análisis estático de GraphQL en VS Code u otros editores compatibles con LSP. Crear plugins personalizados para IDE de GraphQL basados en el servicio de lenguaje compartido.
¿Cómo se instala graphiql?
Consulta la documentación de configuración de GraphiQL en packages/graphiql/README.md Para desarrollar este monorepo en local, sigue las instrucciones de DEVELOPMENT.md
¿Dónde consigo graphiql?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/graphql/graphiql

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados