Elite Cloud

一、準備一個已部署網站的 EC2 實例

你需要先有一台正在運行的 EC2 實例，且該實例中已部署網站，例如 Nginx 或 Apache 伺服器正在提供內容。

✅ 範例：http://your-ec2-public-dns/ 可以看到首頁畫面。

若你還沒安裝網站伺服器，可先參考我們的教學：如何在 EC2 上安裝 Nginx

二、建立 CloudFront 發佈項目並指定 EC2 為來源

步驟 1：開啟 CloudFront 控制台

1. 前往 AWS 管理控制台，搜尋「CloudFront」並開啟。
2. 點擊「建立發佈項目（Create Distribution）」。

步驟 2：設定來源網域（Origin Domain）

• 在來源欄位中貼上你的 EC2 公有 DNS，例如：

ec2-xx-xxx-xx-xxx.compute-1.amazonaws.com

• 協定選項：選擇「僅使用 HTTP（Only HTTP）」
• 其他選項保持預設即可

步驟 3：選擇快取策略

• 選擇「CachingOptimized」即可，這是 CloudFront 的預設高效能快取策略

步驟 4：關閉 WAF（Web 應用防火牆）

• 若你尚未配置 AWS WAF，可選擇「不啟用安全防護」

點選「建立發佈項目」，CloudFront 將開始部署設定。

📚延伸閱讀：Cloudfront 官方介紹

三、驗證 CloudFront 是否成功代理 EC2 網站

部署完成後，CloudFront 會產生一組專屬的網域名稱，例如：

dxxxxxxx.cloudfront.net

驗證方式：

1. 將 CloudFront 網域貼到瀏覽器中開啟。
2. 若看到網站畫面，表示成功。
3. 若出現 502 錯誤，請依以下方式調整：

解決方式（502 錯誤處理）：

1. 回到 CloudFront → 點選該發佈項目 → 點選「來源」
2. 編輯來源設定，將協定改為 HTTP
3. 儲存後回到「一般」頁面，等待重新部署完成
4. 再次刷新 CloudFront 網域，即可正常顯示

四、確認是否為 CloudFront 傳送的請求

可使用瀏覽器開發者工具（F12 → 網路 Network）查看：

• Header 中應出現類似：

via: 1.1 dxxxx.cloudfront.net (CloudFront)
x-cache: Miss from cloudfront 或 Hit from cloudfront

表示 CloudFront 已成功代理你的 EC2 網站內容。

五、總結

透過這篇教學，你已成功將 AWS EC2 實例中的網站整合進 CloudFront，加速全球載入速度並提升可用性。這是邁向更穩定、可擴展雲端架構的重要步驟。

Elite Cloud 是 AWS 官方授權的雲端代理商，專注協助企業導入 AWS、優化帳務與加速雲端部署。
我們協助企業使用台幣付款、開立在地發票，並享有專屬費率與技術支援。不論你是初次上雲還是進行架構升級，Elite Cloud 都能提供一對一顧問服務。

📌 想了解更多 CloudFront 應用技巧？或需要幫助優化你的雲端架構？歡迎 聯絡我們。