前端性能优化-页面渲染架构设计与性能优化4-前后端分离技术方案与实现

本文地址： https://www.cnblogs.com/veinyin/p/14380916.html

 

前后端分离是指：研发人员分离、业务代码分离，后端实现业务接口，前端渲染页面

这是大型互联网公司正在采用的开发模式，如果需要考虑用户体验，前端人力充足，可以积极采用

技术实现

• 后端只负责功能接口开发，按照约定的数据格式封装 API 接口

• 前端负责业务具体实现，获取到 API 接口数据后，进行页模版拼接和渲染，独立上线

协作方式：前端负责实现页面交互，根据后端 API 接口拼装前端模版；后端专注于业务功能实现和 API 接口封装

技术优势

• 团队更加专注

• 提升开发效率

• 增加代码可维护性

技术不足

• 需要前端人力很多（前端需要负责一大部分业务逻辑，和服务器同步、静态化）

• 不利于 SEO （页面数据异步渲染，而搜索引擎更喜欢静态页面）

技术架构

• 后端架构：Java、PHP + Nignx，使用微服务（如 Dubbo）等实现业务解耦，使用某种协议提供不同服务

• 前端架构：使用 Angular、React、Vue 前端框架并部署页面至 CDN 或 Node Server