¿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.

Formateador de GraphQL

Formatea o minifica consultas y esquemas GraphQL, valida la sintaxis y extrae operaciones.

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

¿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

Pega tu consulta, mutación o esquema de GraphQL en el cuadro de entrada.
Elige Formatear para embellecer o Minificar para compactar el documento.
Opcionalmente, pega un objeto JSON de variables para formatearlo.
Revisa los nombres de operación extraídos y cualquier error de sintaxis.
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

Formateador de JSON — Embellece, minimiza y valida JSON con la ubicación de los errores.
Formateador de SQL — Formatea SQL para MySQL, PostgreSQL, SQL Server, SQLite, BigQuery y Oracle.
Formateador de XML — Embellece, minifica y valida XML, y convierte XML ↔ JSON.
Formateador de JS / TS — Embellece o minifica JavaScript, TypeScript y JSX/TSX con opciones de Prettier.
Formateador de consultas MongoDB — Formatea consultas del shell de MongoDB y pipelines de agregación.
YAML ↔ JSON — Convierte YAML a JSON y de vuelta.
cURL a Fetch — Convierte un comando curl en una llamada fetch() de JavaScript.
Analizador de URL — Descompone una URL en sus partes y lista los parámetros de consulta.