本文目录导读：
《前端服务器与后端服务器端口：相同与否及其背后的逻辑》
前端服务器和后端服务器概述
前端服务器和后端服务器在现代网络应用架构中扮演着截然不同但又紧密相关的角色。
图片来源于网络，如有侵权联系删除
（一）前端服务器
1、功能职责
- 前端服务器主要负责处理用户直接交互的部分，例如接收用户的请求，这些请求通常是来自浏览器或者移动设备上的客户端应用，它是用户与整个系统交互的第一道门户，要负责呈现用户界面（UI），当用户访问一个电子商务网站时，前端服务器会将商品列表页面、购物车页面等发送到用户的浏览器上。
- 它还要处理一些与用户体验相关的操作，像页面的布局、样式的渲染以及一些简单的交互逻辑，如菜单的展开和折叠等。
2、技术栈示例
- 在构建前端服务器时，常用的技术包括HTML、CSS、JavaScript以及各种前端框架，如React、Vue.js或者Angular，这些技术能够构建出响应式的、美观且易用的用户界面。
（二）后端服务器
1、功能职责
- 后端服务器则专注于业务逻辑的处理、数据的存储和管理等任务，当前端服务器接收到用户的登录请求时，它会将这个请求转发到后端服务器，后端服务器会验证用户的凭据，查询数据库中存储的用户信息，以确定登录是否合法。
- 后端服务器还负责与数据库（如MySQL、MongoDB等）进行交互，执行数据的增删改查操作，在电子商务系统中，后端服务器处理订单的创建、库存的更新等操作。
2、技术栈示例
- 后端开发可能会使用编程语言如Python（Django或Flask框架）、Java（Spring框架）、Node.js（Express框架）等，并且与数据库管理系统协同工作。
图片来源于网络，如有侵权联系删除
前端服务器和后端服务器端口情况
（一）端口的概念
端口是计算机网络中用于区分不同应用程序或服务的逻辑概念，它是一种软件层面的抽象，类似于建筑物中的房间号，使得网络中的数据能够准确地找到对应的应用程序或服务进行交互。
（二）通常情况
1、不同端口
- 在大多数情况下，前端服务器和后端服务器使用不同的端口，这是为了提高安全性和系统的可维护性，前端服务器可能使用80端口（HTTP协议默认端口）或者443端口（HTTPS协议默认端口）来接收用户的浏览器请求，这些端口是用户浏览器默认访问的端口，方便用户直接输入网址进行访问。
- 而后端服务器则可以使用其他自定义端口，如8080、3000等，后端服务器使用自定义端口可以避免与系统中其他已经被占用的标准端口冲突，并且可以在网络安全策略中进行专门的配置，只允许来自前端服务器的特定请求访问后端服务器的端口。
- 这种端口分离有助于将前端的用户界面展示逻辑和后端的业务逻辑处理进行解耦，如果前端和后端使用相同的端口，当后端进行业务逻辑升级或者数据库架构调整时，可能会影响到前端服务器的正常运行，导致用户界面出现错误或者无法访问。
2、相同端口的特殊情况
- 在某些特定的架构或者开发场景下，前端服务器和后端服务器可能会使用相同的端口，在一些小型的、内部使用的应用开发中，为了简化部署和开发流程，可以将前端和后端部署在同一个服务器上并且使用相同的端口。
- 采用服务器端渲染（SSR）技术的应用在某些情况下也可能会让前端和后端共享端口，在SSR中，服务器会先渲染好页面再发送给客户端，这样前端和后端的交互在服务器内部可以更加紧密地协同工作，通过合理的路由和中间件配置，可以在同一个端口上实现前端和后端的功能，但这种情况需要精心的架构设计和安全措施，以确保前端和后端的功能不会相互干扰，并且能够有效地处理不同类型的请求。
端口相同或不同带来的影响
（一）安全性方面
1、不同端口
图片来源于网络，如有侵权联系删除
- 当使用不同端口时，可以针对前端和后端服务器分别设置不同的安全策略，对于前端服务器的80或443端口，可以配置防火墙规则，只允许来自合法来源（如互联网上的用户浏览器）的HTTP或HTTPS请求，而对于后端服务器的自定义端口，可以设置更严格的访问控制，只允许来自前端服务器或者特定内部网络地址的请求。
- 这种端口分离有助于防止外部攻击者直接访问后端服务器的敏感业务逻辑和数据存储，如果前端和后端使用相同端口且没有恰当的安全机制，一旦前端服务器存在漏洞，攻击者可能更容易突破防线直接访问后端资源。
2、相同端口
- 在端口相同的情况下，安全管理会变得更加复杂，需要在应用程序内部通过身份验证、授权等机制来严格区分前端和后端的请求类型，在同一个Express.js应用中同时处理前端和后端逻辑时，要在路由中间件中仔细判断请求是来自用户界面交互还是来自内部业务逻辑调用，以防止未经授权的访问。
（二）可维护性方面
1、不同端口
- 不同端口使得前端和后端开发团队可以相对独立地进行开发和部署工作，前端开发人员可以专注于优化用户界面的性能和交互体验，而不必担心后端业务逻辑的变更对前端端口的影响，后端开发人员也可以自由地调整数据库连接、业务逻辑算法等，只要保持与前端服务器的接口稳定。
- 在系统升级或者故障排查时，这种分离也很有优势，如果前端页面出现显示问题，可以重点检查前端服务器的代码和配置，而如果是数据处理错误，则主要关注后端服务器。
2、相同端口
- 端口相同可能会导致代码的耦合度增加，在开发过程中，前端和后端的代码可能会相互交织，使得代码的结构变得复杂，在维护时，一个小的改动可能会影响到前端和后端两个部分的功能，在一个同时处理前端界面渲染和后端API调用的Node.js应用中，如果要对前端页面的布局进行调整，可能会不小心影响到后端API的路由设置。
前端服务器和后端服务器端口通常是不同的，但在某些特殊情况下也可能相同，这取决于应用的需求、开发架构以及安全和可维护性等多方面的考虑。
评论列表