node 中间层

中间层

随着node.js的发展,出现了很多渲染模式。在做web网站开发的时候,最常见的就是客户端渲染和服务端渲染。这篇文章就来谈一谈两个渲染模式的区别。

在说明这两个渲染模式之前,我们首先谈一下什么是中间层。

1.BFF中间层

BFF,即 Backend For Frontend(服务于前端的后端)。

BFF 模式下,整体分工很清晰,后端通过 Java/C++ 等语言负责服务实现,理想情况下给前端提供的是基于领域模型的 RPC 接口,前端则在 BFF 层直接调用服务端 RPC 接口拿到数据

这句话什么意思呢?就是在开发的过程中,我们可以使用node搭建一个服务端,然后去请求后台同学的接口,进行数据的处理(搭建一个中间层,前端访问中间层的接口,中间层再访问后台的 Java/C++ 服务)。然后以前端同学想要的形式返回给前端。这类服务的特点是不需要太强的服务器运算能力,但对程序的灵活性有较高的要求,这样,BFF的可扩展性就非常强大。Node.js非常适合用来做BFF层,优势如下:

  • 对于前端来说:让前端有能力自由组装后台数据,这样可以减少大量的业务沟通成本,加快业务的迭代速度;并且,前端同学能够自主决定与后台的通讯方式。
  • 对于后台和运维来说,好处是:安全性(不会把主服务器暴露在外面)、降低主服务器的复杂度等。

2.客户端渲染和服务端渲染

了解完中间层的概念,我们仔细来谈一谈客户端渲染和服务端渲染。

客户端渲染(CSR / Client side render):前端通过一大堆接口请求数据,然后通过 JS 动态处理和生成页面结构和展示。优点是前后端分离、减小服务器压力、局部刷新。缺点是不利于 SEO(如果你的页面然后通过 Ajax 异步获取内容,抓取工具并不会等待异步完成后再行抓取页面内容)、首屏渲染慢。

服务端渲染(SSR / Server Side Render):服务器返回的不是接口数据,而是一整个页面(或整个楼层)的 HTML 字符串,浏览器直接显示即可。也就是说,在服务器端直接就渲染好了,然后一次性打包返回给前端。优点是有利于 SEO、首屏渲染很快

总结: 搜索引擎优化 + 首屏速度优化 = 服务端渲染

备注:这里的「服务端渲染」只是**让 Node.js 做中间层(当访问路由的时候,可以使用ejs模板直接返回页面)**,不会替代后端的,后台同学请放心

猜你喜欢

转载自blog.csdn.net/qq_62860882/article/details/129925073