はじめに
仕事でAWSのS3とCloudFrontに触る機会があり、便利だったので自分の復習も兼ねてまとめます。
S3(Amazon Simple Storage Service)とは
Amazonが提供しているオブジェクトストレージサービスで、容量無制限で扱えるものです。
今回は、AWSのAPI gatewayやCloudFrontなどを用いたWebサイトを公開するために用いました。
その中で、S3でWebサイトに公開する方法とCloudFrontでドメイン名を変える方法について紹介します。
※参考にした記事
S3でWebサイトの元となるバケットを作成する
1.AWSにログインし、AWS マネジメントコンソールからS3に移行する
2.右側にある「バケットを作成」をクリック
3.バケット名を決め、リージョンを選択する
私は、日本で公開するため東京を選択しました。
そのほかは特に触れずに、下にスクロール。。。
4.バケットのパブリックアクセス設定は全てブロックのチェックを外す。
※ip制限やbasic認証をする場合は、全てブロックするにチェックを入れ制限をかける必要がある。
まずは、公開できればいいのでそのまま下にスクロールし、「バケットを作成」をクリック！！
5.作成したバケットのアクセス許可のバケットポリシーを修正します。
画面右下の「編集をクリックし、以下を貼り付けます。
バケット名は自分で作成したバケット名に書き換えてください。
{
"Version":"2012-10-17",
"Statement":[
{
"Sid":"AddPerm",
"Effect":"Allow",
"Principal": "*",
"Action":["s3:GetObject"],
"Resource":["arn:aws:s3:::バケット名/*"]
}
]
}
「変更の保存」をクリックし、バケットのオブジェクトに戻ります。
6.次に公開したいWebサイトを載せていきます。
作成したバケットの画面右側にある「アップロード」クリック
7.公開したいファイルorフォルダを選択肢し、「アップロード」をクリック
今回は、[Hello World!!]と表示するindex.htmlを載せます。
8.バケットからアップロードしたindex.htmlをクリックすると次の画面になる。
9.右下のオブジェクトURLをクリックすると、「Hello World!!」が表示される。
CloudFrontでドメイン名を変える方法
・次に、CloudFrontでドメイン名を変更していきます。
今回はS3だけなので不要ですが、本来は他のAWSサービスを利用する際に統一したドメイン名にでき便利な機能なので紹介していきます。
AWSのコンソール画面or左上の検索欄から「CloudFront」に移行します。
1.右側の「ディストリビューションを作成」をクリック
2.先程作成したS3をオリジンドメインに設定
そのまま下にスクロールし、「ディストリビューションを作成」をクリック
3.作成したS3にアクセスできるようにデフォルトルートを指定していきます。
作成したディストリビューションの[一般]→[設定]の右下「編集」をクリック
4.※作成したS3のオブジェクトURLの「s3.ap...」以下をコピーします。
それをデフォルトルートオブジェクトに設定し、「変更を保存」をクリック
以下のように、設定されていればOK
5.ディストリビューションドメイン名「dmn4c....cloudfront.net」をコピーし、chromeの検索欄に貼り、その後ろにS3に置いたファイル名(ここではindex.html)を書き足すと、先ほどの「Hello World!!」が確認できる。
これで、S3に置いたファイルをCloudFrontを介してドメイン名を変更して公開できました。
AWSの他のサービスを使う際は、ディストリビューションの「オリジン」と「ビヘイビア」を追加することで、同じドメイン名「dmn4c....cloudfront.net」の後ろにルートを指定してあげれば、さまざまなサービスを利用できます。