Mostrar el nombre de la query en solicitudes GraphQL
Este mini artículo muestra cómo mostrar el QueryName de una solicitud GraphQL.
1. Problema
El nombre de la query de una solicitud GraphQL no aparece en la URL de la consulta, así que resulta muy difícil distinguir qué solicitud está enviando la app.
Este problema también ocurre con otras herramientas de proxy de depuración web, como Charles Proxy y Fiddler.
Para evitarlo, hay que abrir el cuerpo de la solicitud y ver el nombre de la query. Es un fastidio.

2. Mostrar el QueryName de GraphQL
Proxyman entiende este problema de los desarrolladores de GraphQL, por eso incorpora la columna QueryName en la tabla principal.
De forma predeterminada, Proxyman detecta si la solicitud es de GraphQL, extrae el QueryName y lo muestra.
No necesitas hacer nada.

3. Próximos pasos
- Si quieres personalizar la columna con headers concretos de tu solicitud o respuesta, puedes hacerlo con Custom Column
- Si quieres usar Map Local en la respuesta de GraphQL, consulta el siguiente artículo: ¿Cómo mapear una respuesta local en solicitudes GraphQL?
Consejo: asigna un nombre de operación claro a cada query y mutation en el código de tu app. Las operaciones anónimas pueden seguir apareciendo sin un nombre útil. Cuando existan nombres, añade un filtro para la operación que estás probando y combínalo con filtros por código de estado o por cuerpo de la respuesta para encontrar los errores rápidamente.
Proxyman es una app de macOS de alto rendimiento que permite a los desarrolladores capturar tráfico HTTPS en dispositivos iOS, en el simulador de iOS y en dispositivos Android.
Descárgala en https://proxyman.com
