Charles web proxy

Debug API utilizando Charles Proxy – iOS

Charles es un web proxy bastante practico y bien aceptado por la comunidad de desarrolladores tanto web como mobil, por un precio medico se puede obtener una herramienta que nos puede sacar de muchos lios. Solo hay que imaginar que creamos una app y no sabemos a donde se quedo apuntando, podesmos utilizar a charles como proxy y depurar esas llamadas a dicha API y saber con certesa a donde quedo apuntando dicha aplicacion. 

Unos de las funciones mas impresionantes de Charles, es que este proxy puede capturar llamadas bajo SSL y aun asi darnos el contenido de dicha llamada http, aparte que podemos usarlos muy bien con solo configurar el proxy en cualquier de nuestro dispositivo ya sea android o iOS.

Web Proxy

Primero tendremos que descargar charles de la pagina oficial y proceder a abrir el programa, la interface es bien simple y directa. Hay que confirmar que la opción de web proxy este activa para poder ver todos los request que nuestra computadora este realizando.

Charles Web Proxy

Dispositivo iOS

Para poder interceptar las llamadas de nuestro dispositivo iOS tendemos que configurar en nuestro telefono el proxy para que apunte a nuestra maquina (server proxy) donde tenemos ejecutando a charles. Para lograr esto, tendremos que ir a la configuración de conexión de nuestro dispositivo ⇨ luego selecciona la opción de información ⇨ Luego configurar los valores del proxy

Configurar Web Proxy
IP Proxy

Una vez el proxy configurado en nuestro telefono tendremos que ir a esta dirección: chls.pro/ssl si configuramos bien nuestro proxy en el celular, esta pagina nos preguntara si queremos descargar un archivo de configuración (Certificado).

En caso de no tener configurado el proxy no estara saliendo esta pagina en nuestro celular, notificandonos que el proxy aun no esta configurado correctamente:

Download SSL Charles for SSL Proxy

Certificados

Una vez descargado nuestro certificado, procederemos a instalar el mismo, solo tenemos que ir instalarlo.

Install Charles Proxy CA

Luego de instalar el certificado debemos ahora de habilitarlo, paso muy importante. Para habilitar el certificado vamos a esta ruta: SettingsGeneralAbout Certificate Trust Settings

Enable Charles Proxy CA

Una vez realizado este paso, podemos ir a Charles en nuestra computadora y ver todos las peticiones HTTP que esta pasando en nuestro celular. Para poder ver las peticiones con ssl debemos de seleccionar el host en la lista de hosts y habilitar la opción: Proxy SSL

Enable SSL Proxy

Una vez realizado esto podemos ver todos los request de nuestro dispositivo.

Referencias

CharlesWebProxy