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

Azure Static Web Apps 服務可從程式碼存放庫中,自動建立完整的堆疊 Web 應用程式,並部署至 Azure。

Azure Static Web Apps overview diagram.

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

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

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

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

主要功能

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

您可以使用靜態 Web Apps 執行哪些動作

下一步