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

24
4个回答

21
Azure静态Web应用程序具有许多其他优点,这些优点不适用于托管在Blob存储上的静态网站。
  • 在同一仓库中使用函数。
  • TLS证书管理(免费!)
  • 自动预览环境
  • 与您的静态内容一起扩展和托管的API
  • 内容和相应的API逻辑版本一起
  • 简化的构建和部署过程

更新:Azure静态Web应用程序自2021年5月以来已经推出。

这里有一篇很棒的博客


1
谢谢提供的信息,但我看到Azure静态Web应用程序仍处于预览阶段,可以安全地假设它很快就会退出预览吗?(我知道您可能没有内部知识,只是想知道是否有发布路线图),另外,我目前正在使用Blob存储静态网站和Azure CDN进行TLS证书管理,与此相比,价格如何? - Shmili Breuer
目前还没有关于GA和定价的信息。 - Sajeetharan
@ShmiliBreuer 现在已经在GA中了。 - Sajeetharan

4

我一直在开发基于Next.js的静态Web应用程序,目前我将其托管在Azure Web应用中。众所周知,Azure静态Web应用程序有很多优点,但在这里我想列出一些限制,希望这些限制能够在未来得到解决。

  • 仅支持GitHub,我经常使用Azure DevOps,因此必须维护两个代码仓库。
  • 没有办法配置CORS设置,因此我不能轻松地从其他基于客户端的Web应用程序中使用后端Azure函数。
  • 我找不到一种访问服务器上部署内容的方法。

谢谢@MarkusSchulte - Ramesh Kanjinghat
微软已经解决了我在答案中提到的前两个限制。但我仍然认为我的最后一个限制仍然有效。至少我无法找到访问部署内容的方法。如果不正确,请告诉我。 - Ramesh Kanjinghat
@SangeetAgarwal Azure静态网站应用的免费版提供免费的SSL证书、自定义域名支持等功能。 通过github和Azure devops设置ci/cd流水线非常轻松。 支持Azure函数作为后端服务。 - Ramesh Kanjinghat
@RameshKanjinghat,感谢您的回答,非常感激。那么,使用应用服务而不是静态 Web 应用程序有哪些用例呢?只是想弄清楚为什么有人会在 Next.js 应用程序中使用应用服务。谢谢。 - Sangeet Agarwal
1
@SangeetAgarwal 如果您有一个使用服务器端渲染的Next.js应用程序,则无法使用静态Web应用程序。因为当用户发出请求时,HTML将在服务器上生成。因此,您需要一些东西来执行生成HTML的代码。Azure静态Web应用程序无法运行此类渲染逻辑。它只提供静态内容,即预先呈现为HTML文件的文件。但是,这些HTML页面仍然可以包含JavaScript或Web Assembly。 - Ramesh Kanjinghat
显示剩余6条评论

2
Azure静态Web应用是一个服务,它可以自动从GitHub存储库构建和部署全栈Web应用程序到Azure。
主要功能包括:
- 静态内容的Web托管,如HTML、CSS、JavaScript和图像。集成了由Azure Functions提供的API支持。 - 第一方GitHub集成,存储库更改触发构建和部署。 - 全球分布的静态内容,将内容放置在用户更近的位置。 - 免费SSL证书,自动更新。 - 自定义域提供品牌定制应用程序。 - 无需CORS配置即可调用API时使用反向代理的无缝安全模型。 - 与Azure Active Directory、Facebook、Google、GitHub和Twitter等认证提供商集成。 - 可定制的授权角色定义和分配。 - 后端路由规则使您可以完全控制您提供的内容和路由。 - 生成由拉取请求驱动的预发布版本,使您可以在发布之前预览您的网站。 - 在预览期间,Static Web Apps是免费的。 - 获取更多有关静态Web应用程序的信息,请访问:https://learn.microsoft.com/en-gb/azure/static-web-apps/
Azure Blob存储可以用于静态网站,因为它使用Blob存储,所以您只需支付存储帐户的费用。但是,Azure建议使用具有通用V2标准存储帐户的应用程序服务。
在我看来,与存储帐户相比,静态Web应用程序的成本可能略高。但是您可以获得额外的好处,如GitHub、授权等。

2

另一个要点是SLA。 使用Azure Blob存储静态网站,您可以达到99.99%的SLA,但是使用Azure静态Web应用程序,您只能达到99.95%的SLA


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接