# GraphQL Playground Cliente GraphQL en el navegador: escribe consultas y variables, envíalas a cualquier endpoint GraphQL e inspecciona resultados JSON formateados o arrays de errores — ideal para iterar sobre esquemas durante el desarrollo > Página canónica: https://elysiatools.com/es/tools/graphql-playground - **Categoría:** Development - **Palabras clave:** graphql, graphql playground, cliente graphql, gql, consulta, mutation, introspección, explorador api, graphiql, relay, apollo ## Descripción general GraphQL Playground es un cliente interactivo en el navegador que te permite probar y depurar APIs GraphQL de forma rápida. Puedes escribir consultas y mutaciones, definir variables en formato JSON, configurar cabeceras HTTP personalizadas y analizar las respuestas estructuradas o los errores devueltos por cualquier endpoint. ## Entradas - **Endpoint GraphQL** (text): https://api.example.com/graphql - **Consulta** (textarea) - **Variables (JSON)** (textarea): { "id": "1" } - **Cabeceras** (textarea): Authorization: Bearer token x-api-key: xxx ## Cuándo usarlo - Cuando necesitas probar consultas y mutaciones GraphQL rápidamente sin configurar un cliente local. - Durante el desarrollo de APIs para verificar el comportamiento de los esquemas y la estructura de las respuestas JSON. - Al integrar APIs de terceros y requerir la validación de tokens de autenticación mediante cabeceras personalizadas. ## Cómo funciona - Introduce la URL del endpoint GraphQL en el campo de texto correspondiente. - Escribe tu consulta o mutación en el editor de código y define las variables JSON si tu esquema las requiere. - Configura las cabeceras HTTP necesarias, como tokens de autorización o claves de API. - Ejecuta la petición para enviar la solicitud al servidor e inspecciona el resultado JSON formateado. ## Casos de uso - Depuración rápida de esquemas GraphQL durante la fase de desarrollo activo de una aplicación. - Pruebas de integración con APIs públicas o privadas enviando variables dinámicas. - Verificación de permisos y autenticación enviando tokens JWT en las cabeceras de la petición. ## Preguntas frecuentes ### ¿Qué es GraphQL Playground? Es un cliente web interactivo diseñado para escribir, validar y ejecutar consultas y mutaciones contra cualquier endpoint GraphQL. ### ¿Puedo enviar cabeceras personalizadas como tokens de autorización? Sí, puedes definir cabeceras HTTP en el campo correspondiente, por ejemplo, para incluir tokens Bearer o claves de API. ### ¿Cómo paso variables a mis consultas? Utiliza el campo de variables escribiendo un objeto JSON válido que coincida con los argumentos definidos en tu consulta. ### ¿Soporta la visualización de errores? Sí, si la petición falla o el servidor devuelve errores, la interfaz mostrará el array de errores detallado en formato JSON. ### ¿Es necesario instalar algún software para usarlo? No, funciona completamente desde tu navegador web sin necesidad de descargas ni configuraciones locales. ## Herramientas relacionadas - [Auditor de dependencias de package.json](https://elysiatools.com/es/tools/package-json-dependency-auditor): Audita un package.json en busca de higiene de dependencias y calidad de rangos de versión, y opcionalmente inspecciona el árbol transitivo desde package-lock.json o yarn.lock. Señala duplicados, comodines o pre-release, claves sin ordenar, metadatos ausentes y dependencias runtime/dev mal clasificadas. - [Visualizador de Plan de Ejecución SQL](https://elysiatools.com/es/tools/sql-explain-plan-visualizer): Pega la salida de EXPLAIN / EXPLAIN ANALYZE (PostgreSQL/MySQL/SQLite) para renderizar un árbol de costos, marcar divergencias entre filas estimadas y reales, y sugerir índices - [Utilidad Lodash en línea](https://elysiatools.com/es/tools/lodash-online-utility): Ejecuta métodos Lodash seleccionados y seguros sobre entradas JSON. - [Removedor de Caracteres BOM](https://elysiatools.com/es/tools/data-bom-remover): Eliminar caracteres BOM (Byte Order Mark) de contenido de texto y archivos. Perfecto para limpiar archivos de texto con problemas de codificación. - [Limitador de Rango de Datos](https://elysiatools.com/es/tools/data-range-limiter): Limitar valores numéricos a rangos específicos mediante recorte, filtrado o marcado de valores fuera de rango. Perfecto para control de calidad de datos, limpieza de sensores. - [GraphQL a JSON](https://elysiatools.com/es/tools/graphql-to-json): Convierte consultas o respuestas GraphQL a formato JSON - [Conversor HCL-JSON](https://elysiatools.com/es/tools/hcl-json-converter): Convierte entre HashiCorp Configuration Language (HCL) y formatos JSON para configuraciones de Terraform - [Extractor de Claves JSON](https://elysiatools.com/es/tools/json-key-extractor): Extrae todas las claves de objetos JSON con múltiples formatos de salida. Perfecto para analizar estructura JSON, generación de documentación y entender objetos anidados complejos. ## Ejemplos - [Colecciones Postman - Pruebas API](https://elysiatools.com/es/samples/postman-collections): Ejemplos completos de colecciones Postman incluyendo pruebas de API, scripts de automatización, variables de entorno, servidores mock y patrones avanzados de prueba para REST APIs - [Ejemplos de Apache Arrow](https://elysiatools.com/es/samples/arrow): Ejemplos de formato columnar en memoria Apache Arrow para procesamiento de datos y análisis de alto rendimiento - [Muestras de Trazado Distribuido](https://elysiatools.com/es/samples/distributed-tracing-samples): Ejemplos completos de trazado distribuido usando Jaeger, OpenTelemetry y herramientas de observabilidad modernas - [Ejemplos de AWS EventBridge](https://elysiatools.com/es/samples/eventbridge-samples): Ejemplos de AWS EventBridge incluyendo buses de eventos, reglas, objetivos, registro de esquemas, eventos personalizados y enrutamiento de eventos entre cuentas para arquitectura serverless event-driven ## Contenido relacionado - [Herramientas de intercambio JSON y traduccion de formatos](https://elysiatools.com/es/hubs/json-convert): Compara herramientas de conversion JSON para CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN y otros formatos estructurados en un solo hub. - [Herramientas de inspeccion, diff y transformacion JSON](https://elysiatools.com/es/hubs/json-utility): Reune en un solo hub herramientas para formatear JSON, comparar cambios, inspeccionar rutas, validar esquemas, combinar archivos y transformar datos para flujos de API y datos. - [Generadores de esquemas JSON, datos mock y fixtures de API](https://elysiatools.com/es/hubs/json-generate): Herramientas reunidas para generacion de esquemas JSON, construccion de payloads mock y preparacion de fixtures de API en un solo hub. - [Herramientas de formato, diff y normalización de JSON](https://elysiatools.com/es/hubs/json-format): Compara herramientas de formato JSON, diff, revisión de logs, comparación de configuración y normalización de datos en un solo hub para flujos de revisión de JSON.