はじめに

現在、S3をベースに構築したサイト(blog.proudit.jp)をCloudFrontを使ってHTTPSへ切り替えることにしました。
また、HTTPへのアクセスは全てHTTPSへリダイレクトするようにCloudFront側で設定もします。

流れ
1.証明書の作成(Certificate Manager)
2.SSLの設定(CloudFrontの導入)
3.DNS切り替え(Route53)

1. 証明書の作成(Certificate Manager)

まずはCertificate Managerで証明書の作成です。
「AWS > Certificated Manager」をクリック。

・リージョンをバージニアに変更します。
証明書はバージニアで作成しないとCloudFrontへ導入できないので注意してください。

・「今すぐ始める」または「証明書のリクエスト」をクリックします。

ステップ1:ドメイン名の追加

・ドメイン名に取得するドメイン名を入力し「確認とリクエスト」をクリックします。

ステップ2:確定とリクエスト

・内容に問題なければ「確定とリクエスト」をクリックします。

ステップ3:検証

・「続行」をクリック。すると検証Eメールがドメイン情報を元に送られます。
ドメイン部分を開くと送信先が表示されます。

検証が認証されるまで「検証保留中」になります。検証が完了すると「発行済」となります。

2. SSL設置(CloudFront)

「AWS > CloudFront」をクリック。

Distributions

・「Create Distribution」をクリックします。

Step 1:Select delivery method

・Webの「Get Started」をクリックします。

Step 2:Create distribution

Origin Settings

・Origin Domain Nameに設定したいS3バケット名を選択します。
・Restrict Bucket Accessという項目が現れるので「Yes」をチェックします。
・Create Read Permissions on Bucketを「**Yes, Update Bucket Policy」**にチェックします。

Default Cache Behavior Settings

・Viewer Protocol Policyで「Redirect HTTP to HTTPS」を選択します。

Distribution Settings

・Alternate Domain Namesにドメイン名を入力します。
・SSL Certificateを「Custom SSL Certificate」を選択し、先ほどCertificate Managerで作成した証明書を選択します。

・Default Root Objectに「index.html」を入力します。

・「Create Distribution」をクリックして作成します。

・「In Progress」が「Deployed」になったら完了です。

DNS設定変更(Route53)

「AWS > Route53」をクリック。

・「Hosted zones > 対象のDomain Name」をクリックします。

・対象のレコードをクリックしAlias Targetで先ほど作成したCloudFrontを指定します。

・「Save Record Set」をクリックして保存します。

・サイトにアクセスするとhttpsでアクセスされているのがわかります。

以上でSSLの導入が完了です。

ポイント

設定する際に注意するポイントは3つです。
ひとつ目めは、
「Certificate Managerでバージニアを選択すること。」
現時点でCloudFrontへ導入するにはバージニアでSSLを作成しなければなりません。もし他のリージョンで作成した場合、CloudFrontの「Custom SSL Certificate」に作成した証明書が表示されなくてハマりポイントになります。

ふたつ目は、
「CloudFrontからS3へのアクセス権限を付与すること。」
CloudFront作成時にCreate Read Permissions on Bucketの項目を
「Yes, Update Bucket Policy」にチェックを入れることで、S3のOrigin Access Identityを同時に作成し、S3のアクセスポリシーを修正してくれます。

そして最後のみっつ目は、
「CloudFrontを作成する際のDefault Root Objectにindex.htmlを入力すること。」
ここを入力しておかないとルートでアクセスした際にコンテンツが見つからなくなってしまいます。

おわりに

「S3 + CloudFront + Certificate Manager」の3つを組み合わせることでセキュアなサイトが簡単に作れます。
また、サーバーレスなので運用面でも費用面でもコストが限りなく抑えることができるのでシンプルなサービスサイトや告知だけのキャンペーンサイトにとてもオススメです。