Formateador GraphQL: embellece y minifica

Formateador GraphQL para embellecer, minificar y validar consultas, mutaciones y esquemas SDL.

Tus consultas, esquemas y variables de GraphQL se procesan localmente en tu navegador y nada se sube a un servidor.

Creado y mantenido por Udit Agarwal

¿Necesitas ordenar el cuerpo de una solicitud? Prueba el Formateador JSON.

Acerca de Formateador de GraphQL

Este formateador graphql formatea y minifica consultas, mutaciones y esquemas SDL de GraphQL mientras comprueba que cada documento se analice sin errores. Pega una consulta en bruto y el embellecedor graphql aplica sangría a los campos, argumentos y conjuntos de selección de forma consistente; cambia a minificar para quitar espacios, comas y comentarios hasta el documento equivalente más pequeño. También extrae las operaciones con nombre y formatea un objeto JSON de variables adjunto, así puedes ordenar una solicitud completa en un solo lugar y usarlo como un validador graphql rápido. Está pensado para desarrolladores de frontend y backend, ingenieros de QA y cualquiera que depure llamadas a una API y necesite formatear una consulta graphql o embellecer un esquema graphql antes de compartirlo. Todo se ejecuta localmente en tu navegador, así tus datos nunca salen de tu dispositivo y nada se sube a un servidor.

Características

  • Formatea consultas, mutaciones y esquemas SDL con una sangría limpia y consistente
  • Minifica documentos quitando espacios, comas y comentarios
  • Valida la sintaxis para que las consultas mal formadas muestren un error de análisis claro
  • Extrae y lista las operaciones con nombre del documento pegado
  • Formatea un objeto JSON de variables adjunto junto a la consulta
  • Cambia entre los modos Formatear y Minificar con un clic
  • Copia la salida formateada o minificada al instante

Cómo usar Formateador de GraphQL

  1. Pega tu consulta, mutación o esquema de GraphQL en el cuadro de entrada.
  2. Elige Formatear para embellecer o Minificar para compactar el documento.
  3. Opcionalmente, pega un objeto JSON de variables para formatearlo.
  4. Revisa los nombres de operación extraídos y cualquier error de sintaxis.
  5. Copia el resultado formateado o minificado desde el panel de salida.

Ejemplo

Entrada

query Hero($ep:Episode){hero(episode:$ep){name friends{name}}}

Salida

query Hero($ep: Episode) {
  hero(episode: $ep) {
    name
    friends {
      name
    }
  }
}

El modo formatear embellece una consulta compacta en GraphQL con sangría.

Errores comunes y solución de problemas

  • La salida muestra un error de sintaxis tras pegar. — El documento debe ser GraphQL válido. Revisa que no haya llaves desequilibradas, selecciones de campos faltantes o una coma suelta, y vuelve a formatear.
  • El panel de nombres de operación dice que no hay operaciones con nombre. — Las consultas anónimas y los esquemas SDL no tienen nombres de operación. Agrega un nombre como query GetUser { ... } si necesitas que aparezca en la lista.
  • El cuadro de variables informa que el JSON no es válido. — El campo de variables espera un objeto JSON como { "id": "1000" }, no sintaxis de GraphQL. Usa claves entre comillas dobles y JSON válido.
  • Esperas validación de esquema contra tu API. — Esta herramienta solo valida la sintaxis. Confirma que el documento se analice, pero no comprueba los campos contra un esquema específico.

Preguntas frecuentes

¿Qué es el Formateador GraphQL?
El Formateador GraphQL embellece, minifica y revisa la sintaxis de consultas, mutaciones y esquemas SDL de GraphQL, y extrae las operaciones con nombre, todo en tu navegador.
¿Cómo formateo una consulta de GraphQL con esta herramienta?
Pega tu consulta, mutación o esquema en el cuadro de entrada y elige Formatear. El Formateador GraphQL vuelve a aplicar sangría a los campos, argumentos y conjuntos de selección para que puedas copiar el resultado limpio.
¿El Formateador GraphQL valida contra mi esquema?
Valida la sintaxis, confirmando que la consulta o el esquema se analice. No comprueba las operaciones contra una definición de esquema específica.
¿Qué hace la opción de minificar?
Minificar quita los caracteres ignorados, como espacios, comas y comentarios, para producir el documento de GraphQL equivalente más pequeño.
¿El Formateador GraphQL puede formatear también mis variables?
Sí. Pega un objeto JSON de variables en el cuadro dedicado y se formatea junto a tu consulta.
¿Mi consulta de GraphQL se sube a algún lugar?
No. El Formateador GraphQL procesa todo localmente en tu navegador, así tus consultas, esquemas y variables nunca salen de tu dispositivo.

Herramientas relacionadas

Más herramientas de Formateadores de código

Ver todas las herramientas de Formateadores de código (32) · Todas las herramientas