iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 26
0
Modern Web

前端網頁設計學習旅程系列 第 26

Day26_Deploy-CloudFront

ACM

AWS Certificate Manager 是一種服務,可讓您輕鬆佈建、管理和部署能與 AWS 服務和您的內部連線資源搭配使用的公有與私有 Secure Sockets Layer/Transport Layer Security (SSL/TLS) 憑證。
首先要透過 ACM 核發一張 SSL 憑證,因為 Cloudfront 只支援 us-east-1 的 ACM certificate,所以要先切換 region 再來申請 SSL 憑證。

https://ithelp.ithome.com.tw/upload/images/20201008/20130503LacxmJ08s3.png

https://ithelp.ithome.com.tw/upload/images/20201008/20130503L13IIrakv3.png

在這個步驟輸入想要的 domain name
https://ithelp.ithome.com.tw/upload/images/20201008/20130503BFu8DZw3H2.png

驗證方式選DNS
https://ithelp.ithome.com.tw/upload/images/20201008/20130503c3ZR6vbs3C.png

https://ithelp.ithome.com.tw/upload/images/20201008/20130503MNDSomzDfM.png

下一步
https://ithelp.ithome.com.tw/upload/images/20201008/20130503DUTxXKsgIM.png

完成後等待一陣子,就會變成已發行
https://ithelp.ithome.com.tw/upload/images/20201008/20130503QeOuLMRMk9.png

CloudFront

Amazon CloudFront 是一種 Web 服務,可提升將靜態與動態 Web 內容配送給使用者的速度,例如 .html、.css、.js 及影像檔案。CloudFront 透過稱為節點的全球資料中心網路交付您的內容。當使用者請求您透過 CloudFront 提供的內容時,會自動將該使用者路由到可提供最低延遲 (時間延遲) 的節點,以便能以最佳的效能發佈內容。

CloudFront 支援使用多個 AWS 資源做為原始伺服器。例如,您可以指定 Amazon S3 儲存貯體、MediaStore 容器、MediaPackage 頻道,或自訂原始伺服器,例如 Amazon EC2 執行個體或您自己的 HTTP Web 伺服器。

選擇CloudFront服務
https://ithelp.ithome.com.tw/upload/images/20201008/20130503XlNvyIVplr.png

用入門的方式建立
https://ithelp.ithome.com.tw/upload/images/20201008/20130503OqeNxClDX0.png

關聯之前建立的S3桶
https://ithelp.ithome.com.tw/upload/images/20201008/20130503GpsyCaiNiS.png

選擇 Redirect HTTP to HTTPS 囉
https://ithelp.ithome.com.tw/upload/images/20201008/20130503gHqGU1wa8b.png

Create Distribution 後要等好一陣子到, status 來到 Deployed 這步驟才算完成
完成後就把S3的網頁Domain改為CloudFront的Domain,就可以成功看到網站拉(撒花


上一篇
Day25_Deploy
下一篇
Day27_Vuejs-hello world
系列文
前端網頁設計學習旅程30

尚未有邦友留言

立即登入留言