Generador de consultas GraphQL — Crea consultas visualmente

Pega tu esquema SDL, elige una operación y marca los campos que quieres: objetos anidados, argumentos y todo. La consulta, las variables y un fragmento de fetch se generan por ti.

Actualizado el
Schema (SDL)
Consulta
Variables
fetch()

Tus datos nunca salen de tu ordenador. Todo se procesa localmente en tu navegador.

Cómo usar: Generador de consultas GraphQL

  1. Abre Schema (SDL) y pega tu esquema, o usa el de ejemplo.
  2. Elige Query, Mutation o Subscription.
  3. Marca los campos del árbol; despliega los objetos para elegir campos anidados y rellena los argumentos.
  4. Copia la consulta generada, el JSON de variables o la llamada fetch() lista para usar.

Cómo funciona el constructor

El esquema se analiza con graphql-js y se convierte en un árbol que parte del tipo raíz de la operación que elijas. Al marcar un campo se añade a la selección; si marcas un campo de tipo objeto, se despliega para que elijas sus subcampos. Los argumentos que rellenas se convierten en variables con los tipos GraphQL correctos ($id: ID!), así la consulta se puede reutilizar y queda protegida frente a inyecciones, y el JSON de variables se genera junto a ella.

Consejos

  • Los campos tipados como interfaces o uniones muestran sus implementaciones como fragmentos en línea (... on Book).
  • Los argumentos obligatorios se marcan con !; deja vacíos los opcionales para omitirlos.
  • Usa el cuadro de filtro para encontrar un campo en esquemas grandes.

Da formato o valida una consulta existente con el formateador y validador de GraphQL, y revisa la respuesta JSON en el visor JSON.

También se busca como: constructor de consultas graphql, crear consulta graphql, graphql query builder, generador graphql online, explorador graphql, constructor de mutaciones graphql, alternativa a graphql playground.

Herramientas que combinan con: Generador de consultas GraphQL

  • cURL a código — Pega un comando curl, ya sea de la documentación de una API o de «Copiar como cURL» en las DevTools de tu navegador, y obtén código listo para ejecutar en seis lenguajes, con las cabeceras, el cuerpo y la autenticación incluidos.
  • Validador OpenAPI / Swagger — Pega una especificación de API para comprobarla contra el esquema oficial de OpenAPI, detectar referencias rotas y parámetros de ruta inconsistentes, y ver todos los endpoints de un vistazo.
  • De JSON a tipos — Pega una respuesta de la API y obtén modelos listos para usar en 8 lenguajes: TypeScript, Python (dataclass, TypedDict o Pydantic), Go, Java, C#, Kotlin, Swift y Rust.
  • Validador JSON Schema — Pega un schema y algunos datos JSON para ver exactamente qué valores incumplen cada regla, o genera un schema inicial a partir de datos de ejemplo.

Preguntas frecuentes

¿De dónde saco el SDL de mi esquema?
Muchos servidores lo exponen en /graphql/schema o en el repositorio (schema.graphql). También puedes exportarlo con rover graph introspect o npx get-graphql-schema https://api.example.com/graphql.
¿Envía la consulta a mi API?
No. El constructor solo genera texto en tu navegador. Copia el fragmento de fetch para ejecutarlo tú mismo.
¿Se admiten fragmentos?
Los campos de interfaz y unión generan fragmentos en línea para cada tipo posible. Los fragmentos con nombre se pueden añadir a mano y comprobar con el formateador de GraphQL.
¿Puedo instalar Generador de consultas GraphQL como aplicación web y utilizarla sin conexión?
Sí. Generador de consultas GraphQL es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.

Herramientas relacionadas