Fiddler の自動レスポンダーを使用したスクリプト Web リソース開発

[アーティクル]
12/18/2024

JavaScript Web リソースの開発やデバッグを行う際には、Telerik Fiddler の自動応答機能を使用して、Web リソースのコンテンツをローカルファイルのコンテンツで置き換えることができます。これにより、モデル駆動型アプリケーションのインスタンスにアップロードして、その都度公開する手間を省くことができます。 Fiddler で自動応答を設定するには、以下の手順に従います。

Fiddler のインストールおよび構成

Fiddler をダウンロードしてインストールします。
Fiddler を開いて、メニューバーから、ツールに移動し、オプションを選択します。
HTTPS トラフィックをキャプチャして、復号化するように、ダイアログボックスで HTTPS タブを選択して、HTTPS 接続をキャプチャおよび HTTPS トラフィックを復号化チェックボックスをオンにします。
OK を選択して、ダイアログボックスを閉じます。

ヒント

この設定を有効にするのが初めての場合は、Fiddler は証明書をインストールするように要求します。新しい設定が有効になるように、証明書をインストールして、Fiddler を再起動します。

過去に Fiddler を実行しており、NET::ERR_CERT_AUTHORITY_INVALID エラーが発生した場合は、HTTPS タブで操作ボタンをクリックし、すべての証明書をリセットを選択します。これによっても、新しい証明書をインストールするよう要求する複数のプロンプトが表示されます。

自動レスポンダーの構成

モデル駆動型アプリでデバッグするページを開きます。
左下隅にあるキャプチャボタンをクリックして、Fiddler トレースキャプチャを開始します。

ヒント

特定のホストからの HTTPS トラフィックのみキャプチャする場合は、フィルタータブのホスト領域にある -ホストフィルターなし-ドロップダウンで、メニューから次のホストのみ表示を選択して、トラフックを表示するドメインのリストをセミコロンで区切って入力します。詳細: フィルターの参照。
テストするスクリプトを読み込むために必要な操作を実行します。同じキャプチャボタンをもう一度クリックして、キャプチャを停止できます。
左側のウィンドウからトレースログセッションを選択して、自動レスポンダーをセットアップするファイルを検索します。

たとえば、デバッグするコードが new_testscript.js という名前の JavaScript Web リソース内にある場合、検索ボタンを使用して、セッションを検索 ダイアログボックス開き、その Web リソースの名前を検索します。

検索条件と一致する行が左側のウィンドウに強調表示されるのがわかります。
その行を選択します。右側のウィンドウで、自動レスポンダー タブを選択します。
自動レスポンダー タブで、有効化ルールおよび一致しない要求のパススルーチェックボックスを選択します。
ターゲットファイルに関連するセッションがまだ選択されていることを確認してから、自動レスポンダー セクションのルールの追加ボタンを選択します。これによって、新しいエントリがルールテーブルに追加されます。
ルールを選択すると、下部のルールエディターの先頭行にファイルに関連するセッション URL が入力され、EXACT: のような文字列が接頭辞として付加されます。

その後、一致する文字列を編集して簡略化できます。 Web リソースでは、最後に発行されたバージョンが応答に含まれていることを確認するために、URL には URL またはクエリ文字列で生成された値が含まれます。 EXACT 値が次のように表示されます:
```
EXACT:https://<org URL>/%7B636556138760000160%7D/WebResources/new_testscript.js?    ver=-1229805553
```
生成された値を削除し、代わりにこれを使用するとこれを単純化できます:
```
/WebResources/new_testscript.js
```
最下行は空白のままになっています。この最下行にディスク上のローカルファイルへのパスを入力して、保存します。