[发明专利]前后端分离系统、方法、装置和存储介质

说明书

本发明实施例公开了一种前后端分离系统、方法、装置和存储介质。该系统包括：反向代理服务器，用于接收用户客户端发送的网络请求，并按照预设请求识别规则识别网络请求的请求类型，在请求类型为数据请求类型时，将网络请求发送至后端功能管控服务器，在请求类型为页面请求类型时，将网络请求发送至前端功能管控服务器；后端功能管控服务器，用于依据反向代理服务器发送的网络请求确定页面填充数据；前端功能管控服务器，用于依据反向代理服务器发送的网络请求确定目标页面模板文件。通过上述技术方案，提高了web开发中前后端的分离程度。

技术领域

本发明实施例涉及互联网技术，尤其涉及一种前后端分离系统、方法、装置和存储介质。

背景技术

在Web开发场景中，前端和后端需要配合开发程序。前端负责网页页面(含PC的网页和移动端的H5页面)以及页面上的资源(包括JS和CSS等部分)，而后端负责业务逻辑代码和数据存储等内容并给前端提供接口，中间有交叉的地方是网页页面，这个部分涉及了两端的研发。协作的方式是前端开发人员开发好页面，然后把页面交给后端开发人员；后端开发人员在页面的基础上组装好数据，然后发布到服务器。为了提高web开发效率，通常会对前端和后端的开发工作进行合理分离。

现有的前后端分离的方法有：(1)前端开发人员编写好网页内容固定的静态页面，将其交给后端开发人员；后端开发人员将静态页面当成页面模板套进去，生成网页内容根据用户及请求的不同而不同的动态页面。该方案中，前端开发人员只负责静态页面的更新维护，后端开发人员需要负责整个页面的更新维护。(2)基于单页Web应用(single pageweb application，SPA)架构的方案。该方案中前端不再需要维护多个静态页面，而是将页面简化为一个页面模板，这样前后端之间的交集只剩下一个页面模板，整个页面内容比较少，大部分内容可以抽离，通过JS的方式来渲染(数据通过JS从后端的接口获取)，这样，前端开发人员维护页面模板之外的逻辑和数据，后端开发人员负责维护页面模板，只有需要修改或者新增模板的时候才会有开发交集。

无论哪种前后端分离方案，用户客户端进行网页请求时的前后端分离系统架构如图1所示，页面模板(也称页面文件)以及页面文件所需的数据均存储在后端服务器中。当客户端发出网络请求后，反向代理服务器将该网络请求转发至后端服务器，后端服务器再根据网页部署的开发逻辑，将所请求的静态页面文件或者加载了页面数据的动态页面文件反馈至反向代理服务器，进而反馈给客户端予以显示。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：(1)基于静态页面的方案中，前端代码的工程化程度不足，严重依赖后端开发人员；且前后端测试数据环境受限，导致网页部署的整体效果不好。(2)基于SPA架构的方案中，页面模板在后端进行更新维护，故需要前后端配合才能更新页面模板，使得开发效率低下；另外，由于前端代码的压缩和混淆，以及前后端代码中页面路径等信息没有直接的映射关系等原因，使得页面模板更新时极易出错，从而导致客户端页面加载错误。

发明内容

本发明实施例提供一种前后端分离系统、方法、装置和存储介质，以实现更加彻底地分离前后端，提高前后端开发效率的同时，降低页面模板的出错率，提高网页部署的稳定性。

第一方面，本发明实施例提供了一种前后端分离系统，该系统包括：

反向代理服务器，用于接收用户客户端发送的网络请求，并按照预设请求识别规则，识别所述网络请求的请求类型，在所述请求类型为数据请求类型时，将所述网络请求发送至后端功能管控服务器，在所述请求类型为页面请求类型时，将所述网络请求发送至前端功能管控服务器；

后端功能管控服务器，用于依据所述反向代理服务器发送的所述网络请求确定页面填充数据，并将所述页面填充数据发送至所述反向代理服务器，以使所述反向代理服务器将所述页面填充数据发送至所述用户客户端；