什麼是 Azure Static Web Apps?

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

Azure Static Web Apps概觀圖表

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

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

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

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

主要功能

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

如何使用 Static Web Apps

後續步驟