Charles proxy is your friend

At work I've been updating some mobile apps (iOS & Android) that yesterday had their web service updated to pass me two parameters I needed (by one of the other developers). Me being a dummy I forgot to ask what those two parameters were called.

So this morning I remembered my handy dev tool Charles Proxy would be able to help in this situation. It's very easy to setup Charles to act as your proxy for your phone so that you can inspect all the traffic on your computer.

  1. To get started grab a copy of Charles Proxy, it has a free trial.
  2. Open up terminal or your command prompt and type "ipconfig" for Windows or "ifconfig" for Mac.
  3. In Charles under Proxy > Proxy Settings enable Http Proxy by checking the box on the Proxies tab.
  4. Now open up your iPhone Settings > Wi-Fi > Wifi Network Name tap the "i" icon and scroll down to HTTP PROXY.
  5. Select "Manual" and enter the IP address from the terminal/command prompt and the port 8888

Now you should be able to see all the traffic from your phone in Charles Proxy and inspect the data. It will show data requested and responded from each URL. So in my case I was able to look at the JSON response and find the exact parameters I needed.

Tags:
 dev,
 mobile,
 proxy,
 development