什麼是 Azure 靜態 Web 應用程式？

Azure Static Web Apps 是一項自動將完整堆疊 Web 應用程式從程式碼存放庫中部署到 Azure 的服務。

Azure Static Web Apps 的工作流程是專為開發人員每天的工作流程量身打造的。 應用程式會根據程式碼變更內容來建置和部署。

當您建立靜態 Web 應用程式時，Azure 會直接與 GitHub 或 Azure DevOps 互動以監視您選擇的分支。 每次您推送認可內容或接受提取要求到受監看的分支時，組建就會自動執行，而您的應用程式和 API 會部署到 Azure。

靜態 Web 應用程式通常會使用 Angular、React、Svelte、Vue 或 Blazor 等程式庫和 Web 架構來進行建置，不需要伺服器端轉譯。 這些應用程式包含組成應用程式的 HTML、CSS、JavaScript 及影像資產。 使用傳統的 Web 伺服器，這些資產會與任何必要的 API 端點一起從單一伺服器提供。

使用 Static Web Apps，靜態資產會與傳統的 Web 伺服器分開，並且是從分散於世界各地的點來提供。 這種散發方式可讓檔案的處理速度更快，因為檔案實際上更接近終端使用者。 此外，API 端點是使用無伺服器架構來裝載，這可避免將完整後端伺服器全部整合在一起的需求。

主要功能

• Web 裝載，適用於像是 HTML、CSS、JavaScript 與影像等靜態內容。
• 受控 Azure Functions 所提供的整合式 API 支援，以及使用標準帳戶來連結現有函式應用程式、Web 應用程式、容器應用程式或 API 管理執行個體的選項。 如果您需要在不支援受控函式的區域中使用您的 API，您可以將自己的函式引入您的應用程式。
• 一流的 GitHub 和 Azure DevOps 整合，允許存放庫變更以觸發組建和部署。
• 全域散發靜態內容，將內容放在更接近使用者的範圍。
• 免費的 SSL 憑證，會自動更新。
• 自訂網域，為您的應用程式提供品牌的自訂。
• 無縫安全性模型，會在呼叫 API 時使用反向 Proxy，這不需要 CORS 設定。
• 驗證提供者與 Microsoft Entra ID 和 GitHub 整合。
• 可自訂的授權角色定義和指派。
• 後端路由規則能夠完全控制您所提供的內容和路由。
• 產生的暫存版本，由提取要求提供支援，讓您的網站在發佈前先啟用預覽版本。
• CLI 支援，可透過 Azure CLI 來建立雲端資源，以及透過 Azure Static Web Apps CLI 來進行本機開發。

如何使用 Static Web Apps

• 建置新式 Web 應用程式，使用像是 Angular、React、Svelte、Vue 的 JavaScript 架構和程式庫，或使用 Blazor 建立具有 Azure Functions 後端的 WebAssembly 應用程式。
• 發佈靜態網站，使用像是 Gatsby、Hugo、VuePress 的架構。
• 部署 Web 應用程式，使用像是 Next.js 和 Nuxt.js 的架構。

下一步

建置您的第一個靜態應用程式