【攻略】前后端分离的意思是什么?SSR的优势

前后端分离的意思是:前后端分离并非仅仅只是一种开发模式,而是一种架构模式,前后端分离已成为互联网项目开发的业界标准使用方式,通过【+】的方式,也可以中间加一个,有效的进行解耦。前后端分离的意思是:本来是通过客户端完成渲染,现在统一到服务端node服务去做。易于部署&前后端分离

前后端分离意味着前后端分离不仅仅是一种开发模式,而是一种架构模式。前后端分离已经成为互联网项目开发的行业标准。通过[+],也可以在中间加上。一、有效脱钩。

【攻略】前后端分离的意思是什么?SSR的优势

【相关学习推荐:前端视频教程】

前后分离的意思是:

一. 前后端混合开发模型(SSR)

274d2933f997efa3c6a584e39ab8274.png

1.SSR的优势

1、更好的 SEO,因为搜索引擎爬虫可以直接查看完全呈现的页面。

2、更快的内容到达时间(time-to-),尤其是对于慢速网络条件或慢速设备。在显示服务器呈现的标记之前,无需等待所有内容下载并执行,因此您的用户将更快地看到完全呈现的页面。通常会带来更好的用户体验,而服务器端渲染 (SSR) 对于“内容时间与转化率直接相关”的应用程序至关重要。

3. 进程:

1)客户端向服务端发送请求,服务端返回页面的html和数据(模板引擎)。

2.SSR 的限制

1.服务器压力很大

本来是通过客户端渲染的,现在统一到服务器节点服务来渲染。尤其是在高并发访问的情况下,会占用大量服务器CPU资源;

2.发展条件有限

在服务端渲染中,只执行了之前的生命周期钩子,所以项目引用的第三方库不能使用其他生命周期钩子,极大地限制了引用库的选择;

3.学习成本比较高

除了正确熟悉之外,还需要掌握node、Koa2等相关技术。与客户端渲染相比,项目构建和部署过程更加复杂。

二. 弱前端+后端分离(使用ajax)

e541296a9743023198d039891d88a5d.png

1.优势

前端不会嵌入任何后端代码。前端专注于HTML、CSS、JS的开发,不依赖后端。也可以自己模拟 Json 数据来渲染页面。如果发现bug,可以快速定位问题

2.限制

1)JS 有很多冗余。在业务复杂的情况下,页面渲染部分的代码非常复杂;

2)当Json返回的数据量比较大的时候,渲染很慢,会卡住页面;

3)SEO(即搜索引擎优化)很不方便,因为搜索引擎的爬虫无法爬取JS异步渲染的数据,导致这样的页面,SEO会有一定的问题;

seo关键字用那个符号分离_前后端分离angluar怎么做seo_前后端分离seo怎么办

4)资源消耗严重。在业务复杂的情况下,一个页面可能要发起多个HTTP请求才能完成页面的渲染。有的人可能不满意,觉得在PC端发出多个HTTP请求就可以了。有没有考虑过移动端,你知道移动端建立一个HTTP请求需要消耗多少资源吗?

3.进程

1、打开网页,加载CSS、JS等基础资源;

2、发起Ajax请求,然后向服务器请求数据,同时显示;

3、获取json格式的数据,然后根据逻辑选择模板渲染DOM字符串;

4、将 DOM 字符串插入到 web view 中以渲染 DOM 结构;

三.组件化开发前端+后端分离(SPA)

7b31ffaedf86d20c1e4c44301deb5dc.png

1.优势

1.改善页面切换体验

2.减少切换时间

3.轻松部署&前后端分离

4.但也带来了一系列性能问题:

2.限制

1.初始加载脚本很大

2.第一屏长时间空白

3.页面返回时被动重新拉取数据

3.进程

1)浏览器向服务器端请求;

2)再次发起HTTP请求JSP;

3)JSP 仍然按原样将 JSON 输出到 API;

4) 接收到JSON后,渲染HTML页面;

5)将 HTML 页面定向到浏览器;

总结:

从JSP++的经典MVC时代,到SSM(++)和SSH(++)的Java框架时代,再到前端框架(,,,,)主导的MV*时代,再到领先的全- 时代,技术和架构一直在改进。虽然“全栈开发”模式令人兴奋,但要将基于 Node 的全栈开发变成稳定且所有人都能接受的东西,还有很长的路要走。创新之路不会停止。无论是前后端分离模式还是其他模式,都是为了更方便地解决需求,但它们只是一个“中转站”。前端项目和后端项目是两个项目,放在两个不同的服务器上,需要独立部署,两个不同的项目,两个不同的代码库,和不同的开发商。前端只需要关注页面的样式和动态数据的解析渲染,而后端则关注具体的业务逻辑。

以上就是什么是前后端分离的详细内容。更多详情请关注其他相关文章!

免责声明:本文来自网络用户投稿,不代表本站观点和立场。如有侵权请发送邮件至tzanseo@163.com告知本站删除,本站不负任何责任及承诺。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

发表评论

登录后才能评论