前端小誌(轉型中)

在公司做的頁面要上啦，說明要用AWS，跳坑研究一下(嗚嗚 需要devOps)，總共用了S3、CloudFront、Route53

S3 (Simple Storage Service)

雲端儲存，create一個bucket放置檔案，操作蠻簡單的。

因為是要用來架站用，所有東西都要能被外界使用，所以要設立權限。這邊的權限是bucket裡面的object，而非bucket本身。

可以使用AWS的policy generator即可。

但要特別注意一點，在產生的Resource後面要加上/*，不然會發生Action does not apply to any resource(s) in statement。

如果只是要架一個簡單的網站，到這邊配上Static website hosting就很夠了，使用cdn的話這邊不需要hosting。

CloudFront

AWS提供的cdn服務

選擇web服務，Origin Domain Name選擇剛剛建立的S3 bucket，小設定不提，因為我要用cdn架站，再用Route53指過來， Default Root Object要寫entry，每個人應該都是index.html。Compress Objects Automatically可以加速，記得打開。另外一個重要的點， 跑SPA網站，網站的route是由前端控制，hosting可以由Error Pages設定。 如此一來，如果有人直接打上路由，會被導到index並且正常的轉到該顯示的頁面。

Route53

AWS提供的dns控管服務

如果CloudFront要串到這裡，Alternate Domain Names (CNAMEs)要先打上Route53即將要給的domain，這邊好像沒什麼特別要注意的。CloudFront那邊可以設定ipv6，ipv4就選A然後選alias貼上CloudFront的網址(xxxxx.cloudfront.net)，有ipv6就AAAA也設定一下。不確定是不是CloudFront要Delpoyed才能生效(CloudFront每次進入in progess都要1x-2x分鐘)

PS.

還有遇到ssl問題啦(如果CloudFront走https又改domain)，結果custom ssl一直反白，Certificate只能用美東的啦

呼，總算弄完了!!