S3+CloudFlont+ACMで静的サイト立ててみた

サーバレス構成できないかなぁと思って色々と触っています。
んで、一番簡単なS3+CloudFront+ACMでhttps静的サイトを
立ててみた。あくまでも実験の一環ですが思ったより簡単だった。

調べながらだいたい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については別件で使いたいので、まぁ今後の課題です。
今回はここまで。
すごいですよドメイン代以外費用必要なしで構築できるんだね。
すごい世の中になったもんです。まぁサーバレスはここしばらくの
トレンドでしょうねぇ。

コメント

このブログの人気の投稿

GASでGoogleDriveのサブフォルダとファイル一覧を出力する

証券外務員1種勉強(計算式暗記用メモ)

マクロ経済学(IS-LM分析)