パケット キャプチャ ツール Charles (5) - ローカル マッピングを使用してインターフェイス応答コンテンツを変更します (ローカル マップ)

• インターフェイスの戻りデータの変更は、関数のトラブルシューティングやデバッグに非常に実用的な方法です。
• インターフェースデータを変更することで、開発とテストの速度を大幅に加速できます。他のパケット キャプチャ ツールにも同様の機能があります。
• Charles では、インターフェイスから返されたデータを変更するという目的を達成するために、ローカル マッピング (Map local) が使用されます。

1. 原則

• コラムの前の記事でCharlesパケットキャプチャの原理を紹介しました
  【パケットキャプチャツール Charles (2) - モバイルAPPキャプチャ（携帯電話エージェントの設定、証明書のインストール）】
  
• ローカル マッピングとは、Charles がクライアントのインターフェイス要求をキャプチャした後、通常のサーバー応答と同様に、ローカル ファイルの内容をクライアントに返すことを意味します。
• クライアントは、変更された応答コンテンツも受け取ります。
  

2. 操作手順

(1)、インターフェースマッピングを追加

1. 単一インターフェース

• ターゲットインターフェイスを選択して右クリックし、「ローカルマップ」を見つけます。
  

2. 一括追加

• または、「ツール」メニューで「ローカルマップ」を見つけます。
  
• ローカルマッピング設定を開いた後、「ローカルマップを有効にする」にチェックを入れ、「追加」をクリックしてインターフェースマッピングを追加します
  

(2)、一致するマッピング インターフェイスを設定します

• インターフェースマッピングダイアログボックスを開くと、上部がマッピングに一致するインターフェースURL情報であることがわかります。
• Charles は、プロトコル、ホスト、ポート、パス、クエリ パラメーターに基づいて特定の URL を照合します。
• これらの設定はワイルドカードをサポートします。たとえば、クエリ パラメータが「*」として構成されている場合、このパスにあるすべてのクエリ パラメータが一致します。
  

(3)、ローカルファイルの設定

• マッピングに一致するインターフェイスを設定したら、次のステップはマッピングされたローカル ファイルを設定することです。
  
• 新しいファイルをローカルに作成し、それをインターフェイス応答として返すことができます。
• マッピングするインターフェースの応答を直接保存し、ローカルマッピングファイルとして設定することも可能です。
  (この方法で直接保存したファイルにはファイル接尾辞がないことに注意してください。保存後、元のインターフェイス応答のデータ型に応じてファイル接尾辞を変更します。)
  
• ローカル マッピング ファイルに設定します
  
  (注: 要求されたファイルがローカルに見つからない場合、要求は通常どおりサーバー インターフェイス データを返します)。

(4)、手順例

• Charles 公式 Web サイトのインターフェイスを例に挙げます。ローカル マッピングを通じて、下図の赤いボックス内のテキストを変更します。
  
• まず、インターフェイスから返された結果を保存します。
  (注: 直接保存)
  
• ファイルを開いて、変更するコピーを見つけます
  
• コピーの内容を変更する
  
• ローカルマッピングを設定します。
  (元のインターフェイスの応答は html 形式であるため、ここではローカル ファイルのサフィックスが .html に変更されていることに注意してください)
  
• 設定が完了したら、再度 Web サイトのインターフェースをリクエストします。インターフェイス応答のヘッダーを見ると、インターフェイス応答が対応するローカル ファイルにマップされていることがわかります。
  
• ウェブサイトを確認すると、先ほどのコピーライティングが変更されていることがわかります。
  

3. 注意: 使用しないときは忘れずに電源を切ってください。

• 時々、データが実際の期待と一致しない状況に遭遇し、長時間確認した結果、インターフェイスのマッピングをオフにするのを忘れていました（苦笑）
• 「ツール」メニューの下に「ローカルマップ」があります。
  
• 「ローカルマップを有効にする」のチェックを外して保存します。
  

付録: インターフェイス機能テスト シリーズのチュートリアルの内容

パケット キャプチャ ツール Charles (1) - パケット キャプチャ ツールのダウンロード、インストール、セットアップ
Charles (2) - モバイル APP パケット キャプチャ (携帯電話プロキシの設定、証明書のインストール)
パケット キャプチャ ツール Charles (3) - チュートリアル インターフェイスの紹介、基本機能( 弱いネットワーク、編集、再送信)
パケット キャプチャ ツール Charles (4) - 共通機能の紹介 (保存、インポートとエクスポート、フィルタ、ソート)
パケット キャプチャ ツール Charles (5) - ローカル マッピングを使用してインターフェイスの応答内容を変更する (ローカル マップ)
パケット キャプチャ ツール Charles (6) - リモート マッピングを使用してインターフェイス要求をリダイレクトします (マップ リモート)

総合カタログ-Zero-Basic 入門 インターフェイス機能テスト チュートリアル
————————————————————————————————————— ————————————————————————————————————————————————— —————————————————————————————————————
Ch​​arles インストール パッケージが、I run a blog にアップロードされました。公開アカウント [Software Testing Essential Skills] と同じ名前。
一般の人々もテスト関連の資料を随時アップロードし、必要に応じて収集しに行くことができます。

必要に応じて、記事の下部にあるQRコードをクリックして取得してください~