開啟小鈴鐺通知
檢舉內容
用 S3 架設靜態網站

蚊子

發佈於軟體工程師火星記事

2023/01/01閱讀時間約 2 分鐘

AWS S3 可以用來架設靜態網站，包含靜態 HTML 網站以及 SPA 的前端。把 static 網站上傳到 s3 bucket 後，要做些設定來啟動 static host。

權限設定

1. 進到 bucket 的 Permissions tab

2. 把 Block public access 都關掉

3. 在 Bucket policy 寫

{
　　    "Version": "2012-10-17",
　　    "Statement": [
　　　　        {
　　　　　　            "Sid": "PublicReadGetObject",
　　　　　　            "Effect": "Allow",
　　　　　　            "Principal": "*",
　　　　　　            "Action": "s3:GetObject",
　　　　　　            "Resource": "{S3_BUCKET_ARN}/*"
　　　　        }
　　    ]
}

其中 S3_BUCKET_ARN 要寫作為 static host 的 S3 bucket 的 arn。

4. 設完會看到：