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

什么是 Azure 静态 Web 应用?

Azure Static Web Apps 是一种服务,可从代码存储库自动生成完整的堆栈 Web 应用,并将其部署到 Azure。

Azure Static Web Apps overview diagram.

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

当你创建 Azure Static Web Apps 资源时,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 应用执行的操作

后续步骤