什麼是 Azure Static Web Apps?
Azure Static Web Apps 服務可從程式碼存放庫中,自動建立完整的堆疊 web 應用程式,並部署至 Azure。
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
- 建置新式 Web 應用程式,使用像是 Angular、React、Svelte、Vue 的 JavaScript 架構和程式庫,或使用 Blazor 建立具有 Azure Functions 後端的 WebAssembly 應用程式。
- 發佈靜態網站,使用像是 Gatsby、Hugo、VuePress 的架構。
- 部署 Web 應用程式,使用像是 Next.js 和 Nuxt.js 的架構。