🙆

WordPressの画像ストレージをS3+CloudFrontで構築する②

2025/01/08に公開

はじめに

https://zenn.dev/t_oishi/articles/611c1fcd5b55be
前回のこちらの記事の続きです。
今回はCloudFrontを使用して、CDNを構築していきます。
オリジンサーバーは前回構築したS3を設定し、独自ドメインで配信する設定もしていきます。

CloudFrontの設定

  • Origin domainにはS3のバケットを設定して作成。

独自ドメインから配信するように設定

  • 代替ドメイン名 (CNAME) の箇所にドメイン名を入力。サブドメインも可。
  • Custom SSL certificateの箇所の証明書をリクエストをクリックし、ACM証明書を発行。
    • サブドメインを使用した場合、*.example.comのようにワイルドカードを使用できる。
    • 本体のexample.comも追加する。
  • DNS設定をRote53で設定し、AWS側の検証を待つ。
  • CloudFrontの設定に戻り、Custom SSL certificateの箇所でカスタムSSLを設定。

Route53でサブドメインのDNS設定

  • ホストゾーンを開き、レコードセットの作成をクリック。
  • サブドメイン、タイプをCNAME、値をCloudFrontのドメイン(〜.clouudfront.net)で設定。

WP管理画面でOffloadMediaの設定

  • Custom Domaiin(CNAME)をオンにし、サブドメインを入力。
  • 画像を開き、URLが独自ドメインになっていれば成功。

Discussion