iT邦幫忙

2025 iThome 鐵人賽

DAY 10
0
Build on AWS

從零到雲端:AWS 開發之路系列 第 10

Day10 使用 Cloudflare 免費子網域(.pages.dev)測試

  • 分享至 

  • xImage
  •  

在前幾天(Day 8、Day 9),我已經把網站放到 AWS S3,並且透過 CloudFront 做了加速。今天想再試試另一個免費工具:Cloudflare Pages。它能幫我們快速拿到一個 HTTPS 的免費子網域(.pages.dev),用來測試或分享網站。

為什麼要用 Cloudflare Pages?

雖然AWS S3的Static Website Hosting也能提供網址,但有幾個限制:

  • S3 Endpoint只能用HTTP,沒有免費HTTPS
  • 網址長得有點醜

相比之下,Cloudflare Pages有這些優點:

  • 免費 HTTPS 憑證
  • 網址簡短好記(xxx.pages.dev
  • 後端自帶全球CDN,加速效果不錯
  • 可以綁定自己的網域

所以今天我們就來試試用Cloudflare Pages部署網站吧!

一、建立Cloudflare Pages專案

  1. 我們先在Cloudflare註冊或登入帳號。
  2. 點選 Workers & Pages → Create Application → Pages。
  3. 選擇 建立專案來源:我們現在只是測試,先選Direct Upload,手動上傳檔案就好。

二、部署網站

填寫專案名稱(這會決定網址,例如michelle-test-web.dev)。
https://ithelp.ithome.com.tw/upload/images/20250916/201692515eY4wG47o0.png
上傳我的網站檔案(把我們在第八天做的專案上傳,記得上傳後要把AWS的部分拿掉呦!)。
https://ithelp.ithome.com.tw/upload/images/20250916/201692515zhIHUE1EK.png
點Deploy site,幾秒鐘後就會拿到一個網址:
https://michelle-test-web.pages.dev/
我們可以看到網址是不同的,是我們自己取的名字!
https://ithelp.ithome.com.tw/upload/images/20250916/201692512Dw1NlUJGr.png

https://ithelp.ithome.com.tw/upload/images/20250916/20169251Yuw49jxMvK.png
跟S3或CloudFront相比,Cloudflare Pages更像是「輕量快速的分享工具」。如果只是要測試、展示,Cloudflare Pages最方便,但如果要完整的AWS架構(整合 RDS、Lambda、API Gateway),那還是得靠 CloudFront+S3呦!
如果你有自己的網域,也可以在Cloudflare Pages裡加一個CNAME,把 www.mysite.com 指到Pages 網址,Cloudflare會自動幫你簽憑證!


上一篇
Day9 加上 CloudFront(CDN)讓網站更快
系列文
從零到雲端:AWS 開發之路10
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言