前后端分离的好处

简介: 前后端的分离也实现了前后端架构的分离,带来的好处有:*整个项目的开发权重往前移,实现真正的前后端解耦,动态资源和静态资源分离,提高了性能和扩展性*前端静态化        *前端有且仅有静态内容,再明确些,只有HTML/CSS/JS        *其内容来自于完全静态的资源而不需要任何后台技术进行动态化组装。

前后端的分离也实现了前后端架构的分离,带来的好处有:

*整个项目的开发权重往前移,实现真正的前后端解耦,动态资源和静态资源分离,提高了性能和扩展性

*前端静态化

        *前端有且仅有静态内容,再明确些,只有HTML/CSS/JS

        *其内容来自于完全静态的资源而不需要任何后台技术进行动态化组装。

        *前端内容的运行环境和引擎完全基于浏览器本身。

*后端数据化

        *后端可以用任何语言,技术和平台实现。

        *遵循一个原则:只提供数据,不提供任何和界面表现有关的内容。

        *统一API接口,接口完全可以共用。

        *提供的数据可以用于任何其他客户端(如IOS,安卓,pc,微信小程序等)

        *通过一些代码重构,就可以大量复用接口,提升效率

*平台无关化

        *前端三大技术(HTML/CSS/JS)本身就是平台无关的。

        *后台链接部分的本质是实现合适的RESTful接口和交互JSON数据,就这两者而言,任何技术和平台都可以实现。

        *前后端交给不同的人来编写,明确划分职责,发现bug的时候可以快速定位。

        *vue.js等框架编写前端的时候,会比之前写Jquery更简单快捷。

*架构分离化

        *前端架构完全基于HTML/CSS/JS的发展和js框架的演变,由于前台是纯静态内容,大型架构方面可以考虑向CDN方向发展。

        *后端架构几乎可以基于任何语言和平台的任何解决方案,大型架构方面,RESTful Api可以考虑负载均衡,而数据,业务实现等可以考虑数据库优化和分布式。

        *在大并发情况下,可以同时水平扩展前后端服务器。

        *即使后端服务器暂时超时或者宕机,前端页面也会正常访问,只是数据刷新不出来而已,当然现在一般是服务器集群,少有出现这种现象。

*前后端流量大幅减少

        *减少后端服务器的兵法压力,除了接口以外的其他所有http请求全部转移到前端服务器上

        *页面不再是全部刷新,而是异步加载,局部刷新,减轻压力。

*表现性能的提高

        *页面性能,第一次获取的确会有所损失

        *后续使用这个页面,性能优势就完全体现了,页面的绝大部分内容都是本地缓存直接加载,远程获取的仅仅是1-2个10k的内容,其加载时间百毫秒内,这和本地页面几无区别,其前端加载和相应速度得到非常大的提高。

*安全性方面的集中优化

        *前端静态以后,一些注入式攻击在分离模式下被很好的规避。

        *而后端安全问题集中化了,主要考虑处理RESTful接口安全

        *安全架设和集中优化变得更明确和便利

实现的一些表现

*前后端人员双方约定好接口的数格式

*比如:前端需要调用一个用户信息的接口,数据格式为{name:'tielemao'}.name,后端人员只需要告诉他一个接口url(如http://www.tielemao.com/api/userInfo),并且将这个接口返回前端想要的数据即可,至于后端人员怎么实现这个接口,前端人员并不关心!

*前端页面用ajax解析URL,获取数据进行页面端的处理,然后再按照上述地址返回给后端。

*前端人员要用这个接口来做什么,后端人员同样不需要关心,双方都只专注于自己需要实现的业务逻辑。

RESTful风格的API

RESTful风格的API是前后端分离的最佳实践

        *RESTful推荐每个url能操作具体的资源

        *能准确描述服务器对资源的处理动作。

        *通常服务器对资源支持get/post/put/delete等,用来实现资源的增删改查。

        *前后端分离的话,这些api-url是对接的桥梁,采用restful接口地址,含义更清晰,见名知意。

参考: 

https://blog.csdn.net/jielysong117/article/details/68948972

相关文章
|
4月前
|
监控 安全 测试技术
深入理解后端技术中的API设计原则
在当今数字化时代,后端技术已成为构建高效、可扩展和安全应用程序的关键因素。本文将探讨后端开发中的API设计原则,包括RESTful架构、版本控制以及安全性等方面,旨在帮助开发者提升API设计的质量和用户体验。通过对这些原则的深入理解,可以更好地满足业务需求并提高系统的可靠性。
78 0
|
3月前
|
前端开发 JavaScript API
前端的全栈之路Meteor篇(完):关于前后端分离及与各框架的对比,浅析分离之下的潜在耦合
本文探讨了Meteor.js这一全栈JavaScript框架的特点与优势,特别是在前后端分离架构中的应用。Meteor通过共享数据结构和简化全栈开发流程,实现了前后端的紧密协作。文章还对比了其他全栈框架,如Next.js、Nuxt.js等,分析了各自的优势与适用场景,最后讨论了通过定义文档归属者和用户专有数据集简化后端构建及端云数据同步的方法。
107 0
|
5月前
|
前端开发 JavaScript
构建前端防腐策略问题之后端配合前端进行GraphQL改造变得不太现实的问题如何解决
构建前端防腐策略问题之后端配合前端进行GraphQL改造变得不太现实的问题如何解决
|
7月前
|
前端开发 JavaScript API
现代Web开发中的前后端分离架构
本篇文章探讨了前后端分离架构在现代Web开发中的应用与优势。
|
7月前
|
缓存 前端开发 安全
探索现代Web开发中的前端架构模式
【6月更文挑战第23天】随着互联网技术的飞速发展,前端架构在Web开发中扮演着越来越重要的角色。本文将深入探讨现代Web开发中使用的几种主流前端架构模式,包括单页面应用(SPA)、微前端架构和JAMStack等,并分析它们的优势与应用场景。通过实例演示,我们将看到如何根据项目需求选择合适的前端架构,以及如何利用这些架构模式提升开发效率和应用性能。
|
8月前
|
开发框架 前端开发 安全
开发框架前后端分离的好处是什么
开发框架前后端分离的好处是什么
66 0
|
8月前
|
移动开发 前端开发 Java
前后端分离架构模式讨论:要前后端分离,不要前后端分裂
前后端分离架构模式讨论:要前后端分离,不要前后端分裂
140 11
前后端混合开发模式和前后端分离开发模式
前后端混合开发模式和前后端分离开发模式
|
设计模式 监控 前端开发
前端|前后端分离模式的思考(二)
前端|前后端分离模式的思考(二)
124 0
|
设计模式 JSON 前端开发
前后端分离开发架构
前后端分离开发架构
343 0
前后端分离开发架构