前言

要實現串流服務，勢必有大量影音資料要丟出去給使用者。 如果老老實實的都從 EC2 往外丟，除了延遲高，傳輸費也高。 透過 Amazon S3 靜態網站託管功能，結合 CDN 去降低成本，提升體驗吧！

常見方案比較

使用者瀏覽器
   ↓
https://exsky-vlog-web.s3-website-ap-northeast-1.amazonaws.com
   ↓
S3 Bucket（靜態網站模式開啟）
   ↓
HTML / JS / CSS / 圖片

作法概述

這邊建議，新建一個專門的 bucket 放網頁
不要跟前面幾回建立的 stream bucket 混用
這樣比較容易管理不同用途，各別的規則

1. 建立 S3 Bucket
   
2. 上傳網頁到 Bucket
   • //TODO
   • 先上傳一個簡單版本文字網頁
3. 啟用 Static Website Hosting (在 S3 Bucket / Properties 內)
   
4. 儲存後得到一個網址，如 http://exsky-vlog-web.s3-website-ap-northeast-1.amazonaws.com
5. 修改 Bucket Policy

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

結論

• 還缺網頁... UI 下一回補充