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
Ejecución
Ejecutar esta herramienta
Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.
Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.
Datos clave
Categoría
Development
Tipos de entrada
text, textarea
Tipo de salida
interactive
Cobertura de ejemplos
4
API disponible
Sí
Resumen
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.
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
1Introduce la URL del endpoint GraphQL en el campo de texto correspondiente.
2Escribe tu consulta o mutación en el editor de código y define las variables JSON si tu esquema las requiere.
3Configura las cabeceras HTTP necesarias, como tokens de autorización o claves de API.
4Ejecuta 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.
Ejemplos
1. Consulta de datos geográficos públicos
Desarrollador Frontend
Contexto
Un desarrollador necesita obtener una lista de continentes y sus códigos para un selector en un formulario web.
Problema
Probar la estructura exacta de la respuesta de una API pública de países antes de escribir el código de integración.
Cómo usarlo
Introduce el endpoint público de países, escribe la consulta de continentes en el editor y ejecuta la petición.
Configura el endpoint local, añade la cabecera de autorización con el token Bearer, define las variables del usuario en formato JSON y ejecuta la mutación.