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