AWS S3 で 静的サイトを公開する
AWS S3 で 静的サイトを公開するまでの作業手順です。
1.バケットの作成
▶ 一般的な設定
バケット名を入力します。
東京リージョン以外にしたければリージョンを変更します。
▶ オブジェクトの所有権
デフォルトのままです。
▶ このバケットのブロックパブリックアクセス設定
パブリックアクセスをすべてブロックのチェックを外し、承認をチェックONします。
▶ バケットのバージョニング
誤ってファイルを削除や上書きしてしまったりした場合に復元できるので有効にしておきます。
▶ タグ(0) - オプション
デフォルトのままです。
▶ デフォルトの暗号化
デフォルトのままです。
▶ バケットの作成
バケットを作成します。
2.バケットに追加の設定をする
作成したバケットを選択します。
▶ 静的ウェブサイトホスティング
プロパティタブを選択し、最下部の「静的ウェブサイトホスティング」の編集をクリックします。
静的ウェブサイトホスティングを有効にするを選択します。
インデックスドキュメントとエラードキュメントに「index.html」を指定します。
変更の保存をクリックします。
▶ アクセス許可
アクセス許可タブを選択し、バケットポリシーの編集ボタンをクリックします。
ポリシーの内容を変更します。
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": [
"s3:GetObject"
],
"Resource": [
"arn:aws:s3:::バケット名/*"
]
}
]
}
変更の保存ボタンで編集内容を保存します。
S3バケットの設定は以上で終了です。
3.デプロイする
オブジェクトタブを選択し、ビルドファイルをアップロードします。
画面下部のアップロードボタンをクリック
アップロード成功画面を閉じます。
4.表示
プロパティタブの静的ウェブホスティングに記載されているURLでサイトが表示される
Author And Source
この問題について(AWS S3 で 静的サイトを公開する), 我々は、より多くの情報をここで見つけました https://zenn.dev/longbridge/articles/30da1524649ef9著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Collection and Share based on the CC protocol