码迷,mamicode.com
首页 > 其他好文 > 详细

前后端分离

时间:2019-09-28 23:42:40      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:逻辑   反向代理   反向   模拟   其他   并行   客户   防止   内网   

1、定义:通过nginx+tomcat的方式(也可以中间加一个nodejs)将前后端进行有效的解耦,并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。

 

2、核心思想:前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。

 

3、服务器划分

(1)Web服务器:一般指像nginx,apache这类的服务器,他们一般只能解析静态资源。

(2)应用服务器:一般指像tomcat,jetty,resin这类的服务器可以解析动态资源也可以解析静态资源,但解析静态资源的能力没有web服务器好。

(3)一般都是只有web服务器才能被外网访问,应用服务器只能内网访问。

 

4、前后端分工

(1)后端追求的是:三高(高并发高可用高性能),安全,存储,业务等等。

(2)前端追求的是:页面表现,速度流畅,兼容性,用户体验等等。

 

5、开发模式

(1)产品经理/领导/客户提出需求

(2)UI做出设计图

(3)前后端约定接口&数据&参数

(4)前后端并行开发(无强依赖,可前后端并行开发,如果需求变更,只要接口&参数不变,就不用两边都修改代码,开发效率高)

(5)前后端集成

(6)前端页面调整

(7)集成成功

(8)交付

 

 6、请求方式

大量并发浏览器请求--->web服务器集群(nginx)--->应用服务器集群(tomcat)--->文件/数据库/缓存/消息队列服务器集群

 

7、前后端分离的优势

(1)前端服务器使用nginx,存放的是css,js,图片等等一系列静态资源,负责控制页面引用&跳转&路由,前端页面异步调用后端的接口,后端/应用服务器使用tomcat(把tomcat想象成一个数据提供者),加快整体响应速度(这里需要使用一些前端工程化的框架比如nodejs,react,router,redux,webpack)。

(2)减少后端服务器的并发/负载压力,除了接口以外的其他所有http请求全部转移到前端nginx上,接口的请求调用tomcat,参考nginx反向代理tomcat。且除了第一次页面请求外,浏览器会大量调用本地缓存。

(3)即使后端服务暂时超时或者宕机了,前端页面也会正常访问,只不过数据刷不出来而已。

(4)页面显示的东西再多也不怕,因为是异步加载

(5)nginx支持页面热部署,不用重启服务器,前端升级更无缝。

(6)nginx中部署证书,外网使用https访问,并且只开放44380端口,其他端口一律关闭(防止黑客端口扫描),内网使用http,性能和安全都有保障。

 

 8、总结

(1)如果遇到跨域问题,Spring4的CORS可以完美解决,但一般使用nginx反向代理都不会有跨域问题,除非你把前端服务和后端服务分成两个域名。

(2)前端项目中可以加入mock测试(构造虚拟测试对象来模拟后端,可以独立开发和测试),后端需要有详细的测试用例,保证服务的可用性与稳定性。

(3)前端只需要关注页面的样式与动态数据的解析&渲染,而后端专注于具体业务逻辑

 

前后端分离

标签:逻辑   反向代理   反向   模拟   其他   并行   客户   防止   内网   

原文地址:https://www.cnblogs.com/xy80hou/p/11605142.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!