什麼是 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 CLI支援建立雲端資源,以及透過Azure Static Web Apps CLI進行本機開發。

如何使用 Static Web Apps

後續步驟