S3+CloudFlont+ACMで静的サイト立ててみた
サーバレス構成できないかなぁと思って色々と触っています。
立ててみた。あくまでも実験の一環ですが思ったより簡単だった。
調べながらだいたい1.5日位かかった。技術力低いですから
SESはトラブったんで今回はパス。ほとんど抜粋記事です(笑)
大枠の参照
1.S3で非公開にて静的サイト作成
これはバケットを非公開で作成してそこにHTMLファイルを
ぶち込む。ここは詰まりません。
2.CloudFlont設定
S3をオリジンとしてCloudFront経由にて公開
このタイミングでhttp→httpsリダイレクトにする。
3.Route53にてAレコード設定
CreateRecordSetにてAレコード追加、Aliasに*****.cloudfront.net登録
http://*****.cloudfront.netで接続を確認
ひとまずはhttpsでS3のサイトにアクセスできるようになる。
4.SES設定(なし)
ここは結局、S3にテストメールがうまく届かなかったので断念
・オレゴンリージョン選択
・pending verificationからverifiedになるまで待つ
※結構時間がかかる
・Create Receipt Rule→登録するドメインで登録
・mailbox-ドメインでS3にフォルダ作成
・S3に設定完了メールが届いていることを確認する。
5.ACM設定
・リージョンはバージニア北部にする
・DNSで証明書検証を実施、こちらの方がCNAME追加するだけで早い
・発行完了を確認
6.CloudFrontに証明書設定
・General→Edit→SSL CertificateでACMで登録した証明書を指定
7.リダイレクト設定
・www付S3バケットを準備しホスティングを行ってリダイレクトする。
・CloudFrontにwww付バケットをオリジンにした内容を追加
SESについては別件で使いたいので、まぁ今後の課題です。
今回はここまで。
すごいですよドメイン代以外費用必要なしで構築できるんだね。
すごい世の中になったもんです。まぁサーバレスはここしばらくの
トレンドでしょうねぇ。
コメント