Charles のススメ

Charles ってなに？

Charles は通信周りのデバッグツールです。mac やスマートフォンの通信内容を確認することができます。シェアウェアですが試用版もあります。試用版は起動時間30分の制限があります。

どんな時に使うの？

私が使う場合は「期待通りのリクエスト/レスポンスを返しているかな？」という時の確認に使います。具体的には本番向けサーバと通信しているアプリのリクエストで、どんなパラメータを投げているかを調査する時です。

準備

Charles を起動します。
mac の現在の IP アドレスを確認します。
使用するスマートフォンを予め mac と同じネットワークに接続します。
スマートフォンの Wi-Fi の設定でプロキシのホストに現在の mac の IP アドレス、ポートに 8888 を設定します。

Android

iOS

使い方

Charles がスマートフォンの通信をキャプチャすると、デバイスの通信を許可するかどうかを聞かれます。Allow を選択してデバイスの通信を許可すると下図のようにズラズラと通信内容が表示されます。

左側のペインに http://www.apple.com とありますが、これは Apple のウェブサイトをブラウザで開いたからです。右側のペインには Host や Path などの情報が表示されています。

http://www.apple.com をブラウザで開くと実際には http://www.apple.com/jp/ が開かれます。左ペインのアドレスに紐づくツリーを開くと jp > shop > bag と階層が深くなっていますね。最下層に status?appKey=... があります。Apple のトップページを開いた時は status ページが開かれて apiKey が渡されているということがわかります。