Azure 静态 Web 应用程序和 Azure blob 存储静态网站有什么区别?

What is the difference between Azure Static Web App and Azure blob storage static website?

Azure blob storage static website and Azure Static Web Apps

有什么区别

Azure 静态 Web 应用程序还有许多其他好处,这些好处是托管在 blob 存储上的静态网站所没有的。

  • 同一存储库中的函数。
  • TLS 证书管理(免费!)
  • 自动预览环境
  • 随静态内容缩放和托管的 API
  • 内容和相应的 API 在逻辑上一起版本化
  • 简化的构建和部署过程

更新:Azure static web apps 自 2021 年 5 月起正式发布

这里是great blog同上

Azure Static Web Apps 是一项服务,可自动从 GitHub 存储库构建全栈 Web 应用程序并将其部署到 Azure。

主要特点

  • 静态内容的 Web 托管,例如 HTML、CSS、JavaScript 和 图片。 Azure Functions 提供的集成 API 支持。

  • First-party GitHub 存储库更改触发构建和部署的集成。

  • 全球分发静态内容,让内容更贴近您的用户。

  • 免费 SSL 证书,自动更新。

  • 自定义域*,为您的应用提供品牌定制。

  • 调用 API 时具有 reverse-proxy 的无缝安全模型,不需要 CORS 配置。

  • 身份验证提供程序与 Azure Active Directory、Facebook、Google 集成 GitHub,和 Twitter。

  • 可定制的授权角色定义和分配。

  • Back-end 路由规则可以完全控制您所服务的内容和路由。

  • 生成的暂存版本由拉取请求提供支持,可启用您的预览版本 发布前的网站。 静态 Web 应用程序在预览期间是免费的。 有关静态网络应用程序的更多信息,请访问:https://docs.microsoft.com/en-gb/azure/static-web-apps/

用于静态网站的 Azure blob 存储 由于它使用 blob 存储,您只需为存储帐户付费。但 Azure 建议使用具有通用 V2 标准存储帐户的应用服务。

IMO 静态 Web 应用程序的成本可能略高于存储帐户的成本。由于您可以获得额外的好处,例如 Github、授权等

我一直在开发基于 nextjs 的静态 Web 应用程序,我将其托管在 Azure wep 应用程序上。正如上面提到的每个人,Azure 静态 Web 应用程序有很多好处。我将尝试列出一些限制。我希望将来能解决这些限制。

  • 仅支持GitHub。我广泛使用 Azure Devops,所以我知道我必须维护 2 个存储库托管。
  • 无法配置 CORS 设置,所以我无法轻松使用其他基于客户端的 Web 应用程序的后端 Azure 功能。
  • 我想不出一种方法来访问服务器上部署的内容。

还有一点就是SLA。 使用 Azure blob 存储静态网站,您可以访问 99.99% of SLA but with Azure Static Web Apps you can only reach 99.95% of SLA