演習 - CDN の動作をカスタマイズして管理する

  • 12 分

この演習では、コンテンツ配信の最適化と制御に役立つように CDN 設定を構成します。

CDN で配信されたページを確認する

ソース URL と同じコンテンツが CDN によって配信されることをまだ確認していない場合は、ここで確認します。

  1. 配信元サーバーのリンクが表示されているブラウザー タブに切り替え、ページを更新します。 ページは通常どおり表示されるはずです。

  2. Web サイトの CDN でキャッシュされたコピーが表示されているブラウザー タブに切り替え、ページを更新します。 ここでも、ページは通常どおり表示されるはずです。このページは、配信元サーバーのページと一致している必要があります。

元の Web サイト ファイルを変更する

  1. まだ開いていない場合は Azure portal を開きます。

  2. CDN エンドポイントを開きます。 左側のウィンドウで、[概要] を選択します。

  3. 別のタブで、Azure portal の 2 番目のコピーを開きます。

  4. Azure portal のメニューまたは [ホーム] ページで [ストレージ アカウント] を選択します。

  5. 静的な Web サイトをホストするために使用するストレージ アカウントを選択します。 これは、先ほど作成した cdnsitestorageXXXX リソースである必要があります。

  6. [ストレージ アカウント] プロパティ ペインの [データ管理] で、[静的な Web サイト] を選択します。

  7. [静的な Web サイト] ページで、[$web] リンクを選択します。

  8. [$web] ペインで [概要] を選択します。

  9. チェック ボックスをオンにして [index.html] を選択し、[...] を選択してコンテキスト メニューを開きます。

  10. コンテキスト メニューの [表示]/[編集] を選択します。

  11. [Index.html] タブで、H1 タグにテキストを追加してページを変更し、[保存] を選択します。

変更を確認する

  1. 配信元サーバーのリンクが表示されているブラウザー タブに切り替え、ページを更新します。 ページはすぐに更新されるはずです。

  2. Web サイトの CDN でキャッシュされたコピーが表示されているブラウザー タブに切り替え、ページを更新します。 更新されたテキストは表示されません。

  3. CDN エンドポイントの設定が表示されている Azure portal のコピーに切り替え、[消去] ボタンを選択します。

  4. [消去] ペインで、ドロップダウンからエンドポイントを選択し、[すべて消去] ボックスをオンにして、[消去] を選択します。

  5. Web サイトの CDN でキャッシュされたコピーが表示されているブラウザー タブに切り替え、ページを更新します。 数分後に更新されたテキストが表示されます。

消去操作が正常に完了しました。

クエリ文字列でのキャッシュを変更する

この次のセクションでは、キャッシュ設定を構成し、さまざまなキャッシュ オプションでクエリ文字列を処理する方法の影響を確認します。

キャッシュ設定を変更する

  1. まだ開いていない場合は Azure portal を開きます。

  2. CDN エンドポイントを開きます。 [設定] で、[キャッシュ規則] を選択します。

  3. [クエリ文字列のキャッシュ動作] の横にある [一意の URL をすべてキャッシュ] を選択してから、[保存] を選択します。

    Select the Query String Caching Behavior.

クエリ文字列を追加してキャッシュの動作を確認する

10 分後、CDN エンドポイントで新しい設定が更新されているはずです。 次の手順に進みます。

  1. Web サイトの CDN でキャッシュされたコピーが表示されているタブに切り替え、URL の末尾に /?Q=old を追加してから Enter キーを押します。 ページは変更されないはずです。

  2. Azure portal の 2 つ目のコピーに切り替え、[概要] ペインで [index.html] を選択します。

  3. [...] を選択してコンテキスト メニューを開き、[表示]/[編集] を選択します。

  4. [Index.html] タブで、ファイルにさらにテキストを追加してから、[保存] を選択します。

  5. Web サイトの CDN でキャッシュされたコピーが表示されているタブに戻り、/?Q=old クエリ文字列でページを更新します。 ページはまだ変更されないはずです。

  6. /?Q=old を /?Q=new に変更して、Enter キーを押します。 しばらくすると、更新されたページが表示されます。

  7. /?Q=old URL に戻ります。古いページが再び表示されることに注目してください。

  8. CDN エンドポイントの設定が表示されている、Azure portal のコピーに戻ります。 [設定] の [キャッシュ規則] を選択します。

  9. [キャッシュ規則] ペインの [クエリ文字列のキャッシュ動作] ドロップダウンで [クエリ文字列に対するキャッシュをバイパス] を選択してから、[保存] を選択します。

  10. CDN エンドポイントで新しい設定が更新されるまで、10 分待ちます。

  11. Web サイトの CDN でキャッシュされたコピーが表示されているタブに戻り、/?Q=old クエリ文字列を使用してページを更新します。 ページは、変更されたバージョンのページで更新されるはずです。

この演習では、配信元 Web サイトのコピーをキャッシュし、クエリ文字列を使ったキャッシュ動作を示しました。