Mike軟體工程雜記

Vue 3 + .NET 8 Web API + Azure SQL Database 從零開始，將現代化全端應用程式部署到 Microsoft Azure 雲端平台 📋 專案架構總覽 🎨 前端層 Vue 3 + Vite Azure Static Web Apps ⚙️ 後端層 .NET 8 Web API Azure App Service 🗄️ 資料層 SQL Server Azure SQL Database 💡 為什麼選擇這個技術組合？ 現代化開發： Vue 3 Composition API + .NET 8 提供最新的開發體驗 完整整合： Azure 全家桶服務無縫配合，部署簡單 自動化 CI/CD： GitHub Actions 自動建置部署，提高效率 成本優化： 提供免費層級和彈性計費，適合各種規模專案 企業級安全： 內建 SSL、防火牆、備份機制 🗺️ 部署流程總覽 1 ...

前言： 本篇記錄了在 Azure 上建立 SQL Server 和 SQL Database 的完整流程，包含免費層資源選擇、本機 SSMS 連線、資料庫還原，以及防火牆設定。適合第一次在 Azure 上建立資料庫的開發者。 📦 基本概念 🤔 Azure SQL Server vs Azure SQL Database Azure SQL Server： 邏輯伺服器（類似容器），管理多個資料庫的安全性、登入帳號、防火牆規則 Azure SQL Database： 實際的資料庫實體，儲存資料表、預存程序等資料 關係： 一個 SQL Server 可以包含多個 Database（類似一台實體伺服器可以有多個資料庫） 🗺️ 建立流程總覽 1. 建立 Azure SQL Server ▼ 2. 建立 Azure SQL Database ▼ 3. 設定防火牆規則（本機 IP） ▼ 4. 使用 SSMS 連線 ▼ 5. 還原/匯入資料 ▼ 6. 設定後端防火牆（App Service IP） ▼ 7. 設定連線字串 📝 詳細步驟 1 建立 Azure SQL Server（邏輯伺服器） 登入 Azure Portal 搜尋「 SQL servers 」（注意是複數）→ 點擊「 建立 」 填寫基本資訊： 欄位 說明 / 建議值 訂用帳戶 ...

前言： 本篇記錄了將 .NET 8 Web API 專案部署到 Azure App Service 的完整流程，包含 GitHub Actions 自動化部署設定。重點包含 Publish Profile 設定 、 環境變數階層設定 ，以及 Database 防火牆 IP 白名單設定 。 📦 技術堆疊 ⚙️ 後端框架 .NET 8 Web API 🔄 CI/CD GitHub Actions ☁️ 雲端平台 Azure App Service 🗺️ 部署流程總覽 1. 推送 .NET 8 API 至 GitHub ▼ 2. 建立 Azure App Service ▼ 3. 下載 Publish Profile ▼ 4. 設定 GitHub Secrets ▼ 5. 建立 GitHub Actions Workflow ▼ 6. 設定 Environment Variables ▼ 7. 設定 Database 防火牆 ▼ 8. 部署成功 🎉 📝 詳細步驟 1 推送 .NET 8 Web API 專案至 GitHub 確保你的 .NET 8 Web API 專案已建立並推送到 GitHub Repository。 📁 專案結構檢查 project-root/ ├── Controllers/ # API Controllers ├── Models/ # 資料模型 ├── Services/ ...