你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站,请访问 https://docs.azure.cn

什么是 Azure 静态 Web 应用?

Azure Static Web Apps 是一项服务,可从代码存储库自动将全栈 Web 应用部署到 Azure。

Azure Static Web Apps 概述图。

Azure 静态 Web 应用的工作流适用于开发人员的日常工作流。 基于代码更改生成并部署应用。

当你创建静态 Web 应用时,Azure 会直接与 GitHub 或 Azure DevOps 交互以监视你选择的分支。 每次你向受监视的分支推送提交或接受拉取请求时,系统都会自动运行一次生成,并将你的应用和 API 部署到 Azure。

通常使用不需要服务器端渲染的库和 Web 框架(例如 Angular、React、Svelte、Vue 或 Blazor)来生成静态 Web 应用。 这些应用包括构成应用程序的 HTML、CSS、JavaScript 和映像资产。 对于传统 Web 服务器,这些资产与任何所需的 API 终结点一起由单个服务器提供。

使用静态 Web 应用时,静态资产与传统 Web 服务器分离,由分布在世界各地的服务器端提供。 由于文件在物理上离最终用户更近,这种分布使文件提供的速度更快。 此外,API 终结点使用无服务器体系结构,无需将完整的后端服务器组合在一起。

主要功能

  • 适用于 HTML、CSS、JavaScript 和映像等静态内容的 Web 托管。
  • 托管 Azure Functions 提供的集成 API 支持,可以选择使用标准帐户链接现有函数应用、Web 应用、容器应用或 API Management 实例。 如果需要在不支持托管函数的区域中使用 API,则可以将自己的函数引入应用。
  • 一流的 GitHub 和 Azure DevOps 集成,允许存储库更改以触发生成和部署。
  • 全球分布的静态内容,使内容更接近你的用户。
  • 可自动续订的免费 SSL 证书。
  • 自定义域为应用提供品牌自定义。
  • 调用 API 时使用反向代理的无缝安全模型,这不需要配置 CORS。
  • 身份验证提供程序与 Microsoft Entra ID 和 GitHub 的集成
  • 可自定义的授权角色定义和分配。
  • 后端路由规则,使你能够完全控制所提供的内容和路由。
  • 生成的临时版本由拉取请求提供支持,在发布前提供站点的预览版本。
  • CLI 支持通过 Azure CLI 创建云资源,并通过 Azure 静态 Web 应用程序 CLI 进行本地开发。

可对静态 Web 应用执行的操作

后续步骤