前后端分离_为什么要前后端分离?前后端分离的优点是什么?

随着互联网的高速发展以及IT开发技术的升级,前后端分离已成为互联网项目开发的业界标准使用方式。在实际工作中,前后端的接口联调对接工作量占HTML5大前端人员日常工作的30%-50%,甚至会更高。接下来千锋小编分享的广州HTML5大前端学习就给大家讲解前后端分离接口。

为什么要前后端分离?

把前端与后端独立起来去开发,放在两个不同的服务器,需要独立部署。两个不同的工程,两个不同的代码库,不同的开发人员,前后端工程师需要约定交互接口,实现同步开发。开发结束后需要进行独立部署,前端通过接口来调用调用后端的API,前端只需要关注页面的样式与动态数据的解析和渲染,而后端专注于具体业务逻辑。

89555eb67eab299d7492faecdbdf185a.png

前后端分离的优点是什么?

1、彻底解放前端。前端不再需要向后台提供模板或是后台在前端HTML中嵌入后台代。

2、提高工作效率,分工更加明确。前端只关注前端的事,后台只关心后台的活,两者开发可以同时进行,在后台还没有时间提供接口的时候,前端可以先将数据写死或者调用本地的JSON文件即可,页面的增加和路由的修改也不必再去麻烦后台,开发更加灵活。

3、局部性能提升。通过前端路由的配置,我们可以实现页面的按需加载,无需一开始加载首页便加载网站的所有的资源,服务器也不再需要解析前端页面,在页面交互及用户体验上有所提升。

c9be0bf982efdadcfe4d898228f0f474.png

4、降低维护成本。通过目前主流的前端MVC框架,我们可以非常快速的定位及发现问题的所在,客户端的问题不再需要后台人员参与及调试,代码重构及可维护性增强。

5、实现高内聚低耦合,减少后端(应用)服务器的并发/负载压力。

6、即使后端服务暂时超时或者宕机了,前端页面也会正常访问,但无法提供数据。

7、可以使后台能更好的追求高并发、高可用、高性能,使前端能更好的追求页面表现、速度流畅、兼容性、用户体验等。

前端工程是如何调用接口?

Ajax在浏览器与Web服务器之间使用异步数据传输(HTTP 请求),通过get或者post方法与服务器交互。

前端和后端之所以需要对接,是因为前端页面只负责提供视图没有内容,而后端只提供内容,两者所谓的对接,就是把后端的内容放在前端页面预留出来的位置上。(虽然说是前端后端 ,但这一对接实际发生在服务器端)。

0780f37e9337082ec201e39760806e50.png

所以服务器端进行的交互活动如下:

接收用户请求——》找到负责处理的程序——》处理程序找到要传输给用户的前端页面——》该前端页面留出位置——》后端到数据库取数据——》后端把数据放在前端留出来的位置上

——》结合成真正用户看到的HTML文件——》传输给用户。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前后端分离认证是指将用户身份验证、授权等功能从后端服务中分离出来,单独实现在前端应用中,以提高应用的性能和扩展性。通常情况下,前后端分离认证采用 Token 或者 JWT(JSON Web Token)机制。 实现前后端分离认证的步骤如下: 1. 在前端登录页面中,用户输入用户名和密码,前端应用将用户名和密码发送到后端验证。 2. 后端验证用户身份,如果验证通过,生成一个 Token 或 JWT,并返回给前端应用。 3. 前端应用将 Token 或 JWT 存储在本地(例如 localStorage 或者 sessionStorage)。 4. 当前端应用向后端服务请求数据时,将 Token 或 JWT 作为请求头的一部分发送给后端服务。 5. 后端服务验证 Token 或 JWT 是否有效,如果有效,则返回请求的数据给前端应用。 6. 如果 Token 或 JWT 失效,则前端应用需要重新登录。 实现前后端分离认证的优点包括: 1. 提高应用性能和扩展性。 2. 防止跨站点请求伪造(Cross-Site Request Forgery,CSRF)攻击。 3. 可以灵活地实现单点登录和多平台认证。 4. 可以减少服务器的负担,提高系统安全性。 需要注意的是,在实现前后端分离认证时,前端应用需要对 Token 或 JWT 进行安全保护,避免被恶意程序盗取。同时,后端服务需要采用安全的算法生成 Token 或 JWT,并对其进行有效期限制,以避免身份泄露和滥用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值