# AWS - 部署網站 Amplify VS S3 + CloudFront


# Amplify Hosting

全託管前端部署平台,可自動從 GitHub, GitLab, BitBucket 或 CodeCommit 拉取原始碼,建置,部署,管理版本,支援自訂網域與 HTTP。

就像是 Netlify/Vercel 的 AWS 原生版


# 功能

  • CI/CD 連接 Git Repository 自動建置與部署
  • Build Pipeline 可自訂 build 指令
  • Custom Domain 可自訂網域,ACM 憑證自動簽發
  • Branch-Based Hosting 每個 Branch 自動產生測試環境
  • SSR/SPA 支援 支援 React/Vue/Angular/Next.js 等(含 SSR 模式)
  • 內建監控 可查看部署歷史與錯誤紀錄
  • Amplify Console 圖形界面管理部署流程與版本
  • HTTPS 自動續期 憑證由 ACM 自動輪替,全自動管理

# 適用場景

  • 前端快速上線
  • CI/CD 全自動
  • 全 HTTPS 與 CloudFront 整合
  • 多環境測試

# S3 + CloudFront

這是 AWS 上最原始的靜態網站託管方式

  • S3 儲存靜態檔案
  • CloudFront 當 CDN 加速 + HTTPS
  • ACM 提供憑證 + Route53 綁定網域

# 自己處理項目

  • 建立 S3 Bucket
  • 上傳 / 部署網站檔案
  • 設定 CloudFront Distribution
  • ACM 憑證
  • 自訂網域 (Route53)
  • Cache Invalidation
  • CORS/Header 設定
  • SSE/Lambda@Edge 支援

# 適用場景

  • 完全自訂需求
  • 成本敏感
  • DevOps 管控
  • 自己控制安全與行為