たなpyブログ

アラサーSEの備忘録です。

体系的に「Mac」で学ぶ安全なWebアプリケーションの作り方〜実装環境の構築②〜

前回の環境構築のお残しを行います。

hostsファイルの編集

  1. sudo vim /etc/hosts を実行
  2. 以下の内容を追記
    192.168.56.101 example.jp api.example.net trap.example.com
    f:id:tony-tony-jun57:20180822163940p:plain
  3. 設定した3つのドメインをブラウザで実行できるのか確認
    f:id:tony-tony-jun57:20180822164038p:plain

OWASP ZAPのダウンロード/インストール

OWASP ZAP は、Webアプリケーション脆弱性診断用ツールの一種です。OWASP ZAPは無償で利用できるので、気軽に使うことができます。

  1. OWASP Zed Attack Proxy Project - OWASP へアクセス
  2. Download ZAP をクリック
    f:id:tony-tony-jun57:20180822170823p:plain
  3. 対応したOSの Download now をクリック(今回はMac
    f:id:tony-tony-jun57:20180822171136p:plain
  4. ダウンロードしたファイルを実行

OWASP ZAPの起動/設定

  1. OWASP ZAP.app を実行(開くことはできない) f:id:tony-tony-jun57:20180822185539p:plain
  2. システム環境設定 - セキュリティとプライバシー をクリック f:id:tony-tony-jun57:20180822135153p:plain
  3. このまま開く をクリック f:id:tony-tony-jun57:20180822190040p:plain
  4. 開く ボタンをクリック
    f:id:tony-tony-jun57:20180822191958p:plain
  5. Accept ボタンをクリック f:id:tony-tony-jun57:20180822192227p:plain
  6. 現在のタイムスタンプでファイル名を付けてセッションを保存 をチェックして、 開始 ボタンをクリック
    f:id:tony-tony-jun57:20180822192502p:plain
  7. ツール - オプション をクリック
    f:id:tony-tony-jun57:20180822192745p:plain
  8. Local Proxies をクリック
  9. Addresslocalhostであることを確認
  10. ポート58888 に設定(他のソフトウェアを衝突しないようにする為)
  11. OK ボタンをクリック
    f:id:tony-tony-jun57:20180822193313p:plain
  12. ツール - オプション をクリック
  13. ブレークポイント をクリック
  14. リクエストとレスポンスのボタンを個別表示 を選択
  15. OK ボタンをクリック
    f:id:tony-tony-jun57:20180822193658p:plain

Firefoxの拡張FoxyProxy-Standardのインストール

FoxyProxy はサイトごとにプロキシの設定を変える機能です。

  1. Firefoxを起動
  2. FoxyProxy Standard – Firefox 向けアドオンFirefoxでアクセス
    コピペ用:https://addons.mozilla.org/ja/firefox/addon/foxyproxy-standard/
  3. Firefoxへ追加 ボタンをクリック
    f:id:tony-tony-jun57:20180822194558p:plain
  4. 追加 ボタンをクリック
    f:id:tony-tony-jun57:20180822194718p:plain

FoxyProxy-Standardの設定

  1. http://192.168.56.101/ へアクセス
  2. Foxyproxyの設定ファイル を2本指でタップして、 別名でリンク先を保存… をクリック
    f:id:tony-tony-jun57:20180822195454p:plain
  3. 保存 ボタンをクリック
    f:id:tony-tony-jun57:20180822203843p:plain
  4. Firefoxアドオン をクリック
    f:id:tony-tony-jun57:20180822204827p:plain
  5. 拡張機能をクリック
  6. 設定 をクリック f:id:tony-tony-jun57:20180822205046p:plain
  7. Import をクリック
    f:id:tony-tony-jun57:20180822205422p:plain
  8. 選択… をクリック
    f:id:tony-tony-jun57:20180822210230p:plain
  9. 2でダウンロードしたjsonファイルを選択して、 OK ボタンをクリック f:id:tony-tony-jun57:20180822210359p:plain
  10. OK ボタンをクリック
    f:id:tony-tony-jun57:20180822210506p:plain
  11. Use Enabled Proxies By patterns and Priority を選択 f:id:tony-tony-jun57:20180822211152p:plain

ここまで、とても長かったですが、実装環境の構築が完了しました!!
次の記事では、OWASP ZAPを使って、セキュリティについて勉強してみようと思います!

参考文献/サイト

qiita.com pcinformation.info