Formateador y validador de GraphQL

Pega una consulta, mutación o esquema para darle formato, minificarlo o encontrar qué está mal. Añade tu esquema y cada campo, argumento y variable de la consulta se comprobará contra él.

Actualizado el
Validar contra un esquema — SDL opcional, comprueba campos, argumentos, tipos y variables

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

Cómo usar: Formateador y validador de GraphQL

  1. Pega una consulta, mutación, suscripción, fragmento o esquema GraphQL (SDL).
  2. Se formatea mientras escribes; los errores de sintaxis muestran la línea y la columna.
  3. Opcionalmente, abre Validar contra un esquema y pega tu SDL para comprobar cada campo y argumento.
  4. Copia el resultado formateado o minificado.

Qué comprueba el validador

Sin esquema, la herramienta comprueba la sintaxis: llaves equilibradas, nombres válidos, sintaxis de argumentos y variables, y escapes de cadenas y cadenas de bloque. Con un esquema ejecuta el conjunto completo de reglas de validación de GraphQL de la especificación, las mismas que aplica un servidor GraphQL antes de ejecutar una consulta:

  • Cada campo existe en su tipo, y los campos hoja (escalares, enums) no tienen selección mientras que los campos objeto sí la tienen.
  • Los argumentos existen, los obligatorios se proporcionan y los valores tienen el tipo correcto.
  • Las variables están declaradas, se usan y sus tipos encajan donde se utilizan.
  • Los fragmentos se usan, coinciden con el tipo en el que se aplican y no forman ciclos.
  • Los nombres de operación son únicos y las operaciones anónimas van solas.

Formatear y minificar

El formateo usa la función de referencia print de graphql-js, así que la salida coincide con la de la mayoría de herramientas GraphQL: sangría de dos espacios, un campo por línea y espaciado normalizado de argumentos. La minificación elimina comentarios y espacios en blanco irrelevantes, útil para peticiones GET y consultas persistidas, donde cada byte cuenta. ¿Necesitas construir una consulta a partir de un esquema? Usa el constructor de consultas GraphQL.

También se busca como: formateador graphql, validador graphql, formatear consulta graphql, validar esquema graphql, minificar graphql, comprobador sintaxis graphql, validador sdl graphql, graphql prettify.

Herramientas que combinan con: Formateador y validador de GraphQL

  • Formateador JSON — Pega el código JSON para formatearlo, minimizarlo o validarlo.
  • 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.
  • 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.
  • Webhook Tester — Obtén una URL única, apunta cualquier webhook o cliente HTTP hacia ella y mira cómo llegan las peticiones en tiempo real: cabeceras, query string y cuerpo formateado, además de comprobaciones de firma HMAC.

Preguntas frecuentes

¿Admite archivos de esquema (SDL)?
Sí. Las definiciones de tipos, interfaces, uniones, enums, tipos de entrada, directivas y extensiones de esquema se formatean y se comprueba su sintaxis igual que las consultas.
¿Puede obtener mi esquema desde un endpoint?
No, pega el SDL en su lugar. Puedes exportarlo con herramientas como rover graph introspect, get-graphql-schema o desde el código de tu servidor.
¿Se envía mi consulta a algún lugar?
No. El análisis, el formateo y la validación se ejecutan en tu navegador con graphql-js.
¿Puedo instalar Formateador y validador de GraphQL como aplicación web y utilizarla sin conexión?
Sí. Formateador y validador de 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