30-前后端分离架构
https://docs.jumpserver.org/zh/v3/installation/source_install/requirements/
什么是前后端分离
前后端分离架构的概念
前后端分离架构是一种在 Web 开发领域被广泛采用的设计模式，它把前端和后端当作两个独立的部分来进行开发、部署和维护。前端主要负责构建用户界面和处理用户交互，后端则专注于处理业务逻辑、管理数据以及提供数据接口。
详细图解及解释
客户端部分
- 用户：使用浏览器（如 Chrome、Firefox 等）或者移动客户端（如手机 APP）来访问应用程序。
- 浏览器/移动客户端：作为前端代码的运行环境，承载前端应用。
- 前端应用：基于 HTML、CSS、JavaScript 构建，利用现代前端框架（如 Vue.js、React.js、Angular 等）来实现丰富的用户界面和交互效果。当前端需要数据时，会通过 HTTP 请求（如使用
fetchAPI 或axios库）向服务器端的 API 网关发送请求。
服务器端部分
- API 网关：作为后端服务的统一入口，负责接收前端的请求，并将请求路由到相应的后端服务。同时，它还可以进行一些通用的处理，如请求验证、限流、日志记录等。
- 后端服务：由多个独立的服务组成，每个服务专注于特定的业务功能，例如用户认证服务、订单处理服务、商品管理服务等。这些服务可以使用不同的编程语言和框架来实现，如 Python 的 Django、Java 的 Spring Boot、Node.js 的 Express 等。
- 数据库：用于存储应用程序的数据，不同的后端服务可能会使用不同的数据库，如关系型数据库（MySQL、Oracle）、非关系型数据库（MongoDB、Redis）等。后端服务会根据业务需求对数据库进行数据的增删改查操作。
交互流程
- 用户在客户端发起操作，触发前端应用发送 HTTP 请求到 API 网关。
- API 网关接收到请求后，将其转发到对应的后端服务。
- 后端服务处理请求，可能会与数据库进行交互以获取或更新数据。
- 后端服务处理完请求后，将处理结果以 JSON 格式返回给 API 网关。
- API 网关将 JSON 数据返回给前端应用。
- 前端应用接收到数据后，使用 JavaScript 动态地将数据渲染到页面上，更新用户界面。
前后端分离架构的优势在图中的体现
- 独立性：前端和后端部分在图中是分开的，清晰地展示了它们可以独立开发、部署和维护。前端开发者可以专注于优化用户界面和交互，而后端开发者可以专注于业务逻辑和数据管理。
- 灵活性：后端服务以多个独立的服务形式存在，方便根据业务需求进行扩展和调整。例如，可以轻松地添加新的后端服务来处理新的业务功能。
- 可扩展性：由于前后端通过 API 进行交互，前端可以方便地对接不同的后端服务，后端服务也可以为不同的前端应用（如 Web 端、移动端）提供数据支持，具有很强的扩展性。