Featured image of post 透過S3 Bucket建立靜態網站,並使用CloudFront添加ACM憑證

透過S3 Bucket建立靜態網站,並使用CloudFront添加ACM憑證

AWS Cloudfront S3 ACM Static Website Build

建立ACM

  1. 選擇公開憑證
  2. 加入域名,分別為astroicers.link*.astroicers.link
  3. 完成

建立S3 Bucket

  1. 設定S3名稱,建議與域名相同 create bucket 1
  2. 沒截圖部分皆為預設
  3. 完成

建立Cloudfront

  1. 設定origin domain和distribution名稱
  2. 設定只能讓Cloudfront存取S3
  3. 設定將HTTP重新導向至HTTPS
  4. 建立快取的政策
  5. 不要啟用WAF(很貴)
  6. 選擇先前建立的憑證
  7. 設定錯誤頁面
  8. 設定403跳轉
  9. 沒截圖部分皆為預設
  10. 完成

設定Cloudfront存取S3 Bucket的權限

  1. 進入S3頁面選擇權限
  2. 選擇編輯,並修改紅線部分
  3. 完成

後記: 建立invalidation

由於Cloudfront的快取,所以網站更新後要等一段時間才能同步出去給使用者查看,因此可以自行建立invalidation告訴Cloudfront現在馬上移除快取,這樣就能讓使用者看到更新囉!

  1. 建立invalidation
  2. 輸入/*即可
  3. 完成
comments powered by Disqus
Built with Hugo
Theme Stack designed by Jimmy