Web开发

首页 » 常识 » 诊断 » 下一代Web建站技术栈Jamstac
TUhjnbcbe - 2023/6/4 22:06:00

Jamstack是什么?

Jamstack是一套用于构建现代Web站点的技术栈,拥有高性能、安全性、易扩展的特性。Jamstack技术栈生态

Jamstack聚合了现代前端开发所需要的脚手架,框架,工作流等,从而最大化的提高工程师的生产力。

工作流

在这里,Jamstack的核心理念是预渲染、使用JavaScript实现动态功能、使用HTTPApi连接第三方服务。

举个例子

当你要开发一个博客,在这之前你可能会使用Wordpress去搭建你的博客站点,但与此同时,你也需要负责维护Wordpress的服务与数据库等。

而如果你使用Jamstack,你可以使用诸如strapi的headlesscms服务(意为只提供API而不提供页面渲染),用来存放你的文章数据,你在前端可以使用类似Next.js的框架去构造站点,通过请求headlesscms的Api来渲染页面。

而在发布时,你将在构建时生成静态页面,并发布至CDN。因为是静态页面,所以性能好,而托管至CDN意味着该页面是只读的,安全性高,且CDN是全球部署的话,那么页面也能实现全球部署,拓展性非常好。

误区

Jamstack在国内落地时,总是会有同学认为这是新瓶装旧酒,或者是前端炒出来的新概念,但实际上忽略了Jamstack自身架构的特性与优势。

Jamstack是不是新瓶装旧酒

Q:Jamstack和之前的手动发布页面到CDN有什么区别,是不是新瓶装旧酒?

A:这里我可以很明确的给一个答案:不是。

首先在我看来,Jamstack虽然表现的都是页面和资源托管至CDN,是实际上背后的工作流与过往是截然不同的。相较于以往手动开发和发布的模式,Jamstack是聚合了现代前端框架、工作流、发布平台的,这一点非常的重要。

对于工程师而言,效率就是生产力,之前的页面不一定是基于现代工程的,每次生成静态页面也依赖于自己写的脚本,每次页面更新还需要手动发布,效率偏低。而使用Jamstack,你可以利用你最熟悉的框架,通过框架去批量生成静态页面,并且聚合Git等服务,实现推送即发布的全自动工作流。效率会高很多。

举个相似的例子:使用React/Vue/Angular和使用jQuery写页面,最终都是操作DOM,所以React/Vue/Angular和jQuery是一样的,新瓶装旧酒?

先进的工具带来先进的生产力,即使最终的表现是前端页面和十年前一样,部署至CDN。但实际上生产效率与质量还有可生产的页面已经发生了很大的进步。

不论是什么前端页面,能打开的更快终究是更好的,因此如果只

1
查看完整版本: 下一代Web建站技术栈Jamstac