Skip to content

Latest commit

 

History

History
40 lines (28 loc) · 1.16 KB

File metadata and controls

40 lines (28 loc) · 1.16 KB

A Website : Alan's World


Demo GIF

技術介紹📌

前端

  • 由 HTML、CSS、JavaScript 構成,支援 RWD (響應式設計),確保桌機與手機能夠正常瀏覽。
  • 在 CSS 使用 Media Queries 確保手機與桌機排版正確。
  • 透過 Fetch API 發送 JSON 格式的 POST 請求到 Flask。

後端

  • 使用 Python + Flask,負責處理使用者提交的表單,並發送 Email 確認通知。

Docker

  • 透過 Docker 打包 Flask 應用程式,確保在任何環境下都能運行。
  • 在專案目錄建立 Dockerfile,打包並上傳至 DockerHub (為後續 K8s 做準備)。

Kubernetes 部署 (GKE)

  • 透過 Kubernetes 來管理 Flask 容器,並部署到 Google Kubernetes Engine (GKE)。
  • 撰寫 deployment.yamlservice.yaml
  • 在 Service type 選擇 LoadBalancer,並透過 GKE 提供一個外部 IP。