Convert Charles Proxy log to Proxyman

Nghia Tran — Sat, 04 Jul 2020 02:59:24 +0000

It's the mini blog on how to convert Charles log (*.chls) to Proxyman.

It's a handy feature if you have a bunch of error log that you've already captured from Charles and would like to investigate or migrate to the Proxyman app.

How it works

Fortunately, Charles has a built-in command that allows us to convert the CHLS file to the HAR format that Proxyman can understand. Thus, please make sure that you have this app on your machine.

FYI: We can manually convert by executing this command on Terminal

./Applications/Charles.app/Contents/MacOS/Charles convert ~/Desktop/input.chls ~/Desktop/output.har

How to use

\1. Export Charles Session: We can export the current session in two ways:

Right-click on the selected requests -> Export Session -> Select *.chls format -> Save
or File menu -> Export Session as... -> Select *.chls format -> Save

\2. Drag and Drop to Proxyman app

You can drag and drop the file to Proxyman app

\3. At the first time you've used this feature, Proxyman would prompt the warning to make sure you're aware that Proxyman will use Charles to convert automatically.

If Charles app doesn't install on your Mac, Proxyman would prompt the alert.

\4. All done

At this step, Proxyman will find the default Charles app path and trigger the command to convert the file.

From here, we can:

Repeat & Edit the request for testing
Set rule for Map Local & Breakpoint

Proxyman is a high-performance macOS app, which enables developers to view HTTP/HTTPS requests from apps and domains on iOS devices, iOS Simulator, and Android devices.

Get it at https://proxyman.io

Debugging Product Hunt on Firefox with Proxyman

Nghia Tran — Thu, 23 Jan 2020 04:01:24 +0000

In this tutorial, we would share how we quickly capture and debug HTTPS requests from Product Hunt page via Firefox Browser.

From there, we can achieve several following tasks:

Quickly filter the request
See the HTTP/HTTPS request and message in a prettier format
Quickly change the param and test the production.

1. Proxyman

Proxyman is a Web Debugging Proxy and exclusively built for macOS. Basically, it can help you (developers) to debug out-going HTTP/HTTPS requests easily than looking via Console Inspector.

You can quickly download Proxyman from homepage or execute

brew cask install proxyman

Then, we have to install the Proxyman Certificate via Certificate Menu -> Install Certificate on this mac...

and following the automation steps to install the certificate in a second.

2. Install Proxyman Certificate on Firefox

It's crucial since Firefox has its Keychain instead of using the System Keychain.

Open proxy.man/ssl (It's a local server) in Firefox, trust and install the certificate properly

If you don't see any Firefox request on Proxyman or couldn't access to proxy.man/ssl, please double-check the Firefox Proxy Setting in Preference.

The simple solution is that we select System Proxy Setting

3. Open https://www.producthunt.com in Firefox

As soon as you open the website in Firefox, it will list out in the Proxyman app like the following image.

Additionally, Proxyman comes with plenty of handy tools. Let start filtering and enable HTTPS Response on the producthunt domain.

After enabling, please make sure we reload the page again to get the updated content 👏

4. Start debugging

In these steps, we can see the HTTPS Content.

Let try a few handy tools by right-clicking on the request.

Here is the tool list:

Repeat: Repeat it to get new content
Repeat & Edit: Able to change the query, header and test it out
Local Map: Able to map the given local file as the response
Breakpoint: Set a breakpoint on the request or response and change the data on-the-fly.
and too many tools, which are waiting for you to discover 💪

DEV Community: Nghia Tran