Azure Blob Storage で静的サイトを構築し、お手軽に Azure WAF を試す方法｜WafCharm

1. はじめに

Azure WAF をこれまでに利用したことがない方向けに、 Azure Blob Storage を利用して簡単な静的サイトの構築を行い、Application Gateway の WAF で実際に攻撃が BLOCK されることの確認までの手順を解説します。

2．構成

今回の構成は Azure Storage に HTML ファイルを配置して静的な Web サイトとして公開し、Azure Blob Storage の前段に Azure Application Gateway と Azure WAF を配置します。

3．Azure Blob Storage で静的サイトを構築

3-1. まずは、ストレージアカウントを作成します。
azure portal ホーム画面から「ストレージ」で検索します。
※ 既に利用中のストレージアカウントを利用する場合は 3-2 に進んでください。
※ 静的 Web サイトに対応しているものはアカウントの種類が「StorageV2」のみです。

リソースグループとストレージアカウント名は適宜設定してください。

アカウントの種類は「StorageV2」を選択してください。

3-2. 対象のストレージアカウントの「静的な Web サイト」を開きます。

静的な WEB サイトの選択を「有効」に変更し、インデックスドキュメント名に「index.html」、エラードキュメントのパスに「404.html」と入力します。
※HTML ファイルは後で作成します。

3-3. HTMLファイルを作成しアップロードします。
作成例
index.html

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
Test
</body>
</html>

404.html

<!DOCTYPE html>
<html>
<head>
<title>404</title>
</head>
<body>
Not Found
</body>
</html>

Storage Explorer を開き、BLOB コンテナー配下の「$web」配下に作成したファイルをアップロードします。

静的な Web サイトの設定のエンドポイントにアクセスし、表示されれば Blob Storage の設定は一旦完了です。

公式情報
チュートリアル:Blob Storage で静的な Web サイトをホストする

4．Application Gateway の構築

4-1. azure portal ホーム画面から「アプリケーションゲートウェイ」で検索し、新規作成します。

リソースグループは３で利用したリソースグループを指定します。
ゲートウェイ名を入力してください。この後も名前を複数設定していきますので混乱しないように「XXX-gw」「XXX-ip」「XXX-listener」等でどれに使用したか分かりやすい名前をつけることがお勧めです。
レベルは WAF を利用しますので「WAF V2」を選択してください。

仮想ネットワークを新規作成します。
名前のみ設定すればその他は変更不要です。

4-2. 次に進み、フロントエンドの数を設定します。
簡単に言うと、外部からアクセスを受ける入口の設定となります。今回は一つで良いでしょう。
インターネットから接続する形にするため「パブリック」でパブリックIPを新規追加します。
名前のみ設定で変更は不要です。

4-3. 次にバックエンドの設定を行います。
外部から接続を受けた後の出口の設定になり、 Azure Blob Storage への接続となります。
追加を行い、名前を入力し、ターゲットを設定します。
ターゲットは「 IP アドレスまたは FQDN 」で 3-2 のプライマリエンドポイントを入力します。
次に進みます。