GraphQL Playground
Escribe, valida y explora consultas, mutaciones y esquemas de GraphQL. Pega un schema para navegar por tipos y campos, o carga consultas de ejemplo para empezar.
Consulta GraphQL
Variables (JSON)
GraphQL Playground
Escribe, valida y explora consultas, mutaciones y esquemas de GraphQL. Pega un schema para navegar por tipos y campos, o carga consultas de ejemplo para empezar.
Características
- Client-side query validation: brace / paren matching, operation keywords, variables JSON syntax
- Schema explorer parses a pasted GraphQL SDL and lists types, inputs, enums
- Built-in formatter for queries and SDL
- This is a VALIDATOR — queries are NOT sent to a GraphQL endpoint
- For actually executing queries, use GraphQL Playground (the original), GraphiQL, or your IDE's GraphQL extension
Cómo usar
- Introduce tu consulta GraphQL en el editor o haz clic en un botón de ejemplo para cargar una consulta de muestra.
- Añade variables JSON en el panel de variables si tu consulta utiliza parámetros.
- Haz clic en Ejecutar para validar la sintaxis de la consulta, o cambia a la pestaña del Explorador de Schema para navegar por los tipos.
Consejos y buenas prácticas
- Queries stay in your browser. CORS makes browser-side GraphQL execution unreliable for arbitrary endpoints, so this tool is a syntax sanity-check only.
- For real query execution, use a desktop client (Insomnia, Postman) or a server-side proxy.
- Variable validation is JSON-syntax only — the tool doesn't cross-check variable shapes against schema types.
- Paste your schema's SDL into the schema panel to get the type list for autocomplete-style discovery.
- Standard operation types (query / mutation / subscription) are recognised.
Preguntas frecuentes
¿Puede esta herramienta llamar realmente a una API GraphQL?
No. Debido a las restricciones CORS del navegador, esta herramienta no puede ejecutar consultas contra APIs externas. Valida la sintaxis y la estructura de tu consulta del lado del cliente para que puedas detectar errores antes de ejecutar consultas en tu propia aplicación o cliente de API.
¿Qué tipo de validación realiza?
El playground comprueba que las llaves y paréntesis coincidan, palabras clave de operación válidas (query, mutation, subscription, fragment), conjuntos de selección vacíos y JSON válido en el panel de variables. Proporciona referencias de número de línea para cada error encontrado.
¿Cómo funciona el Explorador de Schema?
Pega un documento de Schema Definition Language (SDL) de GraphQL y haz clic en Analizar Schema. La herramienta extrae todos los types, input types y enums, y los muestra como tarjetas navegables que muestran el nombre de cada campo y su tipo.
¿Qué consultas de ejemplo están disponibles?
Se incluyen tres consultas de ejemplo: una query básica de usuarios que demuestra campos anidados, una consulta parametrizada con variables que muestra directivas y paginación, y un ejemplo de mutation con objetos de entrada y manejo de errores.
¿Mis datos son privados?
Sí. Toda la validación y el análisis ocurren completamente en tu navegador. No se envían datos a ningún servidor. Tus consultas, variables y schemas permanecen en tu dispositivo en todo momento.
¿Puedo usar esto para subscription?
Puedes escribir y validar consultas de subscription sintácticamente. Sin embargo, dado que las conexiones WebSocket reales a servidores externos no están soportadas, la subscription no se ejecutará. El validador seguirá comprobando la corrección de la sintaxis.