iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

前端來點 AWS 技能樹! 系列

身為前端工程師,除了前端技術之外,也常常需要把技能樹點到其他領域,而"網站部署"就是其中很常遇到的一環。

現在像 Vercel、Zeabur、GitHub Pages 這類部署平台都非常方便。不過隨著專案需求變得更複雜,這些平台在架構彈性、資源配置或使用方式上,多少還是會遇到一些限制。

剛好最近我把自己的 Side Project 從 Zeabur 搬到了 AWS,也趁著這次搬遷的機會,開始接觸過去比較少碰到的雲端服務、網路設定與部署流程。

而這個系列文則是分享自己這段一路上學到的觀念與心得,如果你也和我一樣想往雲部署的方向多點些技能,那就一起看下去吧!ദ്ദി (⩌ᴗ⩌

參賽天數 26 天 | 共 26 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 - HTTPS 與 TLS 憑證:讓網站連線加上保護

昨天介紹了怎麼取得 Domain,再用 Cloudflare 的 DNS record 把名稱指向 EC2。不過,前面的教學仍然使用 http://。如果之後網...

2026-10-05 ‧ 由 Jimmy Ho 分享
DAY 22

Day22 - 安裝 Caddy:讓 EC2 上的 Next.js 用 HTTPS 開站

昨天認識了 HTTPS、TLS 憑證和 Reverse Proxy,而今天就實際把 Caddy 裝進 EC2,讓 Next.js 網站可以用 https://...

2026-10-06 ‧ 由 Jimmy Ho 分享
DAY 23

Day23 - IaC 與 CI/CD:把手動的步驟交給程式

昨天我們把 Caddy 裝進 EC2,網站終於用 Domain 和 HTTPS 打開了!回頭看這一路上,所有東西都是我們自己手動一步一步做出來的:在 Conso...

2026-10-07 ‧ 由 Jimmy Ho 分享
DAY 24

Day24 - OIDC:讓 GitHub Actions 向 AWS 換一把短期鑰匙

昨天最後留下一個問題:要讓 GitHub Actions 幫我們 push Image、通知 EC2 換版,GitHub 的機器要怎麼拿到 AWS 的權限?今天...

2026-10-08 ‧ 由 Jimmy Ho 分享
DAY 25

Day25 - push 到 main,讓 GitHub Actions 自動部署到 EC2

昨天讓 GitHub Actions 換得到 AWS 的身分了,但 gha-deploy-role 還沒有任何權限,什麼事都不能做。今天就來寫 deploy.y...

2026-10-09 ‧ 由 Jimmy Ho 分享
DAY 26

Day26 - 網站上線之後,EC2 還有哪些事要顧?

從 Day11 開第一台 EC2,到昨天接上自動部署,EC2 這條路終於走完了!不過網站上線不是結束。Server 是我們自己的,壞掉了不會有人通知我們,也不會...

2026-10-10 ‧ 由 Jimmy Ho 分享