ブログをさくらVPSからS3+CloudFrontに移行した
こんにちは、 @kz_morita です。
今回は,さくらVPSでホスティングしていたこのブログを S3 + CloudFront でホスティングするように移行したのでやったことをメモしておきます.
やったこと S3 にバケットを作成 CloudFront でキャッシュ設定 CloudFront で エラーの 404 を返すように設定 Lambda@Edge でDefault Rootの設定 ACMでSSL証明書を作成し,CloudFront に設定 お名前.com で cloudfront の URL を設定 S3 にバケットを作成 ブログ用の backet を作成しました.後の工程で CloudFront 以外からのアクセスは許可しない設定にしますがここではパブリック・アクセスをすべて許可する設定にします.
バケットを作成したら ローカルで hugo でビルドして後デプロイして動作確認をします.
# build $ hugo # deploy $ s3 sync --delete ./public s3://BUCKET_NAME 以下のようなURLにアクセスしてページが表示されることを確認します.
https://s3-ap-northeast-1.amazonaws.com/BUCKET_NAME/index.html
CloudFront でキャッシュ設定 S3 にデプロイが確認できたら,CloudFrontの設定をします.
基本的には以下の記事の CloudFront で公開 のセクションのとおりに行いました.
https://dev.classmethod.jp/articles/cloudfront-s3-customdomain/ ※この段階では独自ドメインの章はやってません.
また,前述しましたが,S3を公開設定にしているので CloudFront 側でS3のバケットへのアクセスを制限するために以下のように Restrict Bucket Access を Yes に設定をします.