1 はじめに
前回の記事で、ホン兄弟は Charles インターフェースの内容と機能を紹介しました。今日は、ホン兄弟が Charles のセットアップ方法を説明して共有します。これにより、セッションをキャプチャしたり、パケットをキャプチャしたりできるようになります。なぜなら、前回の記事では、ホンゲのチャールズがリクエストとレスポンスを別々に見ることができるのを多くの友人が見ていたのに、彼らにはそれが見えなかったため、少し混乱して混乱していたからです。同じバージョンでも表示されるインターフェイスが異なるため、ホンゲにプライベート メッセージでどこからダウンロードしたか尋ねてください。混乱しないでください。尋ねないでください。ホンゲも公式 Web サイトからダウンロードしました。したがって、それを紹介する前に、まず友達や子供の靴がプライベートでホンに尋ねた質問、つまり表示リクエストとレスポンスを設定するにはどうすればよいですか?を解決しましょう。。
2. 表示リクエストとレスポンスの設定方法
1. Charles を起動した後、次の図に示すように、[編集] - [設定] をクリックします。
インターフェイス自動テストを学習したい場合は、ここで一連のビデオをお勧めします。このビデオは、ステーション B のネットワーク全体でナンバー 1 のインターフェイス自動テスト チュートリアルであると言えます。同時に、オンラインの数はユーザーが 1,000 人に達し、メモを収集して使用することができます。各種マスターの技術交流: 798478386
https://www.bilibili.com/video/BV17p4y1B77x/?spm_id_from=333.337&vd_source=488d25e59e6c5b111f7a1a1a16ecbe9a2. 以下の図に示すように、設定インターフェイスをポップアップ表示し、[ビューアー] をクリックし、[リクエストと応答を組み合わせる]の前にあるボックスのチェックを外します。
3.次の図に示すように、「OK」をクリックして保存します。
4. [OK]をクリックすると、次の図に示すように、リクエストとそのリクエストの応答 が表示されます。
リクエストヘッダーとリクエスト データを 表示する場合は、次の図に示すように、手順 2の[ヘッダーと本文の結合] ビューアーの前のチェックをキャンセルすることもできます。
次の図に示すように、リクエスト ヘッダーとリクエスト データを表示します。
3. セッションをキャプチャしたデバイス
セッションをキャプチャするための一般的なデバイスは、PC (コンピュータ) 側 - Web パケット キャプチャと携帯電話 (Android および IOS Apple) 側 - APP パケット キャプチャに分けられます。
4.PC（コンピューター）端子
コンピュータ側では、通常、Web サイトのリクエストとレスポンスの情報を取得します。それでは、パケット キャプチャの設定方法を見てみましょう。
4.1 Webパケットキャプチャ
Charles Web のパケット キャプチャは非常に簡単です。Charles を起動すると、自動的にブラウザがプロキシとして設定されます。あまり多くの設定を行う必要はありません。次に、ブラウザ経由でネットワーク リクエストを送信し、Charles が直接キャプチャします。情報と応答情報。以下に示すように:
上の写真から、ホンゲのチャールズが設定されていないため、ホンゲの写真が http プロトコルの Web URL をキャプチャしていることがわかります。https プロトコルの Web URL を取得すると、いくつかのエラーが報告されます。デモンストレーションは失敗したため、Hong Ge は http プロトコルの URL を使用してデモンストレーションを行いました。
5.モバイル（携帯電話）端末
5.1 アプリキャプチャパケット
Charles パケット キャプチャは、コンピュータからの HTTP リクエストをキャプチャするだけでなく、アプリからの HTTP リクエストもキャプチャできますが、携帯電話のパケット キャプチャはコンピュータ側で設定する必要があり、携帯電話とコンピュータは同じネットワークに同時にアクセスできます。
5.1.1 コンピュータの設定
1. インストールされた Charles パケット キャプチャ ツールを起動します。
2. コンピュータの IP アドレスを確認します。
方法 1: 「ファイル名を指定して実行」を開き (ショートカット キー: win+R キー、またはタスクバーの「検索」ボタンで「ファイル名を指定して実行」を見つけてクリック)、「cmd」と入力してコマンド ライン ウィンドウに入り、コマンド ラインに入力します。以下に示すように、window "ipconfig" コマンドで IP を表示します。
方法 2: charles で表示します。次の図に示すように、[ヘルプ] -> [ローカル IP アドレス] を選択します。
3. [プロキシ] –> [プロキシ設定] をクリックし、ポート番号を「9999」に設定します (Charles と Fiddler のデフォルトのポートも 8888)。ホン兄弟は、チャールズとフィドラーの両方がポート 8888 を同時に使用したいことによって引き起こされるポート競合の問題を回避するためにここにいます。そのため、事前にポートを 9999 に設定します。以下に示すように:
4. 「プロキシ」-->「プロキシ設定」をクリックし、「透過的 HTTP プロキシを有効にする」にチェックを入れて、「OK」をクリックします。https パッケージのキャプチャには影響しません。以下に示すように:
5.1.2 モバイル端末の設定
(1) Android携帯電話
携帯電話の設定: 同じ Wi-Fi の下にプロキシを設定します。Android では、接続されている WIFI を長押しして、[ネットワークの変更] をクリックします。次の図に示すように、サーバー アドレスを入力します: コンピューターの IP (192.168.0.163)、ポート 8888。
(2)iOS携帯電話
1. 携帯電話の設定ページを開き、下図のように「無線LAN」を選択します。
2. IOS では、次の図に示すように、接続された WIFI の後ろにある感嘆符をクリックします。
3. 以下の図に示すように、[プロキシの構成] –> [手動] をクリックします。
4. ローカル マシン [IP アドレス (192.168.1.75)] とポート番号 [9999] を入力します。これは私のローカル マシンです。次の図に示すように、独自の状況に応じて構成します。
5. 設定が完了したら、[保存]をクリックします。！！
6. 次に、携帯電話のリクエストを確認します。Charles で接続がキャッチできた場合は、設定に問題がないことを意味します。不明な場合は、問題ありません。携帯電話の証明書をインストールし、携帯電話に HTTPS 証明書をインストールします。ホン兄弟が後で詳しく紹介します。理由を簡単に説明します。実際、Fiddler に似ており、同じ考えを持っています。 , しかし、この時点では Http プロトコル パッケージを取得できるはずです。
6. まとめ
さて、今日はいくつかの構成とスキルについて簡単に説明しますが、モバイル端末については、後でホン兄弟が別の章を挙げて詳しく説明します。友人や子供の靴は、最初に印象を得るためにここにあります。