FoxyProxy Standard インストール＆設定

# はじめに
FoxyProxyは「[FoxyProxy, LLC.](http://getfoxyproxy.org/about/contact.html)」社によるブラウザ用のアドオン（拡張機能）です。
このアドオンを使用すると複数のプロキシ設定を手軽に切り替えることができます。

本項ではFirefoxで[OWASP ZAP](https://www.owasp.org/index.php/OWASP_Zed_Attack_Proxy_Project)を使用するための設定方法を解説していますが、他のプロキシを使用する場合も同様の手順です。

# 前提条件
|製品|バージョン|
|-----|-----|
|OS|Windows10 Pro|
|OWASP ZAP|2.5.0|
|Firefox|48.0.2|
|Google Chrome|52.0.2743.116 m (64-bit)|

# OWASP ZAPの設定
1. OWASP ZAPを起動し、メニューの「ツール」→「オプション…」で表示される「Options」ダイアログにある「ローカル・プロキシ」を選択

|対象|操作／設定|
|-----------|------------|------------|
|Address (eg localhost, 127.0.0.1)|localhost または 127.0.0.1 など|
|ポート(例　8080)|57777| 

※ポート8080は他のツールやサービスなどと被りがちなので避けるのが無難です。

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/6485a0ed-8e59-eab2-59de-57d9a5443207.png)


# Firefoxにインストール
1. Firefoxの「アドオン入手」画面に移動
 * メニューの「ツール(T)」 → 「アドオン(A)」
2. 画面下の【アドオンをもっと見る】ボタンをクリック
3. 表示された「Add-ons」画面の右上にある検索フォームで「foxyproxy standard」を検索
3. 『FoxyProxy  Standard』が見つかるので【インストール】ボタンをクリック
4. Firefoxを再起動

https://addons.mozilla.org/ja/firefox/addon/foxyproxy-standard/ に直接アクセスしてもFoxyProxy Standardをインストールできます。

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/f4c883d1-02fa-1d47-9641-e4e18d6a1848.png)

## プロキシ設定　新規追加 (Firefox)
1. Firefoxのアドオン管理画面に移動
 * メニューの「ツール(T)」 → 「アドオン(A)」
2. 画面左側にある【拡張機能】をクリック
3. 『FoxyProxy Standard』の【設定】ボタンをクリック
3. 【プロキシを新規追加】ボタンをクリック

### 「プロキシ設定」ダイアログ　
####「全般」タブ

|対象|操作／設定|
|-----------|------------|------------|
|有効(E)|チェック|
|プロキシ名(N)|任意の名前|
|プロキシノート(N)|任意の文字列|

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/a5681e7d-16d3-48e3-6719-5fc3bfe7b326.png)


#### 「プロキシ詳細」タブ

|対象|操作／設定|例|
|-----------|------------|------------|
|手動プロキシ設定(M)|選択する|
|ホストまたはIPアドレス(H)|プロキシのホストまたはIPアドレスを入力する|localhost|
|ポート(P)|プロキシの待ち受けポート番号を入力する|57777|

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/b0a91ccb-0c2e-64ca-fb68-1d8d0947a9cb.png)


#### URLパターン

1. 【パターンを新規追加】ボタンをクリック
1. 「パターンの追加／編集」ダイアログで設定

|対象|操作／設定|
|-----------|------------|------------|
|有効(E)|チェック|
|パターン名(P)|任意の名前|
|URLパターン(U)|* （アスタリスク）|

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/f592c1d6-faa9-3f01-416a-407320568479.png)


## プロキシ設定有効化 (Firefox)
FoxyProxy設定画面の「モードを選択(M)」プルダウンリストで「定義済みパターンと優先度に基づいたプロキシを使用」を選択

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/457774ec-d44c-7eea-6608-2ce1b4dbf05a.png)



# Google Chromeにインストール

1. Chromeの右上に表示されている「Google Chromeの設定」アイコンをクリックすると表示されるメニュー内の「設定(S)」をクリック
1. 設定画面左側の「拡張機能」リンクをクリック
1. 「拡張機能」画面の「他の拡張機能を見る」リンクをクリックして「Chromeウェブストア」を表示
2. 「Chromeウェブストア」の検索フォームで「foxyproxy standard」を検索
1. 『FoxyProxy Standard』が見つかるので【＋ 無料】ボタンをクリックしてインストール

![sectestingzap.FoxyProxy-to-Chrome..20150105.0407.他の拡張機能を見る.png](https://qiita-image-store.s3.amazonaws.com/0/28161/b9a591b7-3529-4e1e-44cc-eb7ecdb2fab8.png)

![sectestingzap.FoxyProxy-to-Chrome..20150105.0373.新しい拡張機能の確認.png](https://qiita-image-store.s3.amazonaws.com/0/28161/8de60bb1-e493-1826-fcc5-3b908bd6875c.png)



## プロキシ設定　新規追加 (Chrome)

1. インストールが完了するとアドレス欄の右側にアイコンが追加される
2. 追加されたアイコンをクリックした際に表示されるダイアログ最下部の「Options」をクリック
1. 表示されたプロキシ設定一覧の右側にある【Add New Proxy】をクリック

![sectestingzap.FoxyProxy-to-Chrome..20150105.0395.ツール→オプション.png](https://qiita-image-store.s3.amazonaws.com/0/28161/954170ed-39a3-fca2-1d11-22ad14cd17d1.png)

![sectestingzap.FoxyProxy-to-Chrome..20150105.0396.AddNewProxy.png](https://qiita-image-store.s3.amazonaws.com/0/28161/000afe20-caa8-2fc3-7e79-2c37a44ff6ba.png)

### 「General」タブ

|対象|操作／設定|
|-----------|------------|------------|
|Enabled|チェックを入れる|
|Proxy Name|任意の名前を入力する|
|Proxy Notes|任意の文字列を入力する|

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/73be705b-6596-c9bf-e296-869a5413a0fa.png)

### 「Proxy Details」タブ

|対象|操作／設定|例|
|-----------|------------|------------|
|Manual Proxy Configuration|選択する|
|Host or IP Address|プロキシのホストまたはIPアドレスを入力する|localhost、127.0.0.1|
|Port|プロキシの待ち受けポート番号を入力する|57777|

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/87cd8421-226a-fd68-638e-4af655050b9a.png)



### 「URL Patterns」タブ

1. 【Add new pattern】ボタンをクリック
1. 「FoxyProxy Standard - Add/Edit pattern」ダイアログで設定
2. 設定が完了したら**【Save】ボタンをクリックして保存**

|対象|項目|操作／設定|
|---|-----------|------------|------------|
|上段|Enabled|チェックを入れる|
||Pattern Name|任意の名前を入力|
||URL Pattern|* （アスタリスク）を入力|
|中段|Whitelist|選択する|
|下段|Wildcards|選択する|

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/ed93fda1-2446-b546-d431-4673edad1f83.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/db74637b-57f0-00cc-72bc-5f500083103b.png)

## プロキシ設定有効化 (Chrome)

プロキシ設定一覧画面の上部にある「Proxy mode」プルダウンリストで「Use proxies based on their pre-defined patterns and priorities」を選択すると登録したプロキシ設定が有効になります。

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/aa233753-b745-a440-4718-5f8441c76b7a.png)


また、ブラウザのアドレス欄の右側にあるアイコンをクリックすると、拡張機能画面を開かずに直接プロキシ設定を変更できます。

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/dbd4d487-ea92-da3c-b1d0-b2c052b0a3d8.png)

# プロキシ設定時の注意事項
ブラウザでプロキシの設定を変更する場合にハマりがちなワナをいくつかご紹介。

## 1. Firefox標準のネットワーク設定とFoxyProxyの混在

FirefoxでFoxyProxyを使用してプロキシ設定を変更する場合、Firefoxのプロキシ設定は「プロキシを使用しない」を選択してください。

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/fc2f259a-ec66-6ef5-19e3-40cb6806d944.png)

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/924e1eea-9429-b44d-6d9c-cc27737c88f5.png)

## 2. OWASP ZAPの外部プロキシ設定
既にOWASP ZAPを業務に使用しているPCでセミナーや勉強会などを受講する場合、「ツール」→「オプション」→「ネットワーク」の「プロキシ・チェイン利用」の設定状況を確認しましょう。

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/a48f5da7-fe6f-b8e7-f913-0524c6066604.png)

外部プロキシが存在していない、あるいは存在しているがプロキシの待受IPアドレスやポートの設定が間違っている場合に「外部プロキシサーバ利用」にチェックが入っていると、通信に失敗して以下の画面がブラウザに表示されます。

![image](https://qiita-image-store.s3.amazonaws.com/0/28161/919c2aa1-3a3f-f89e-c9b7-7981bd6513eb.png)