[发明专利]前端页面构建方法及装置

说明书

本发明是关于前端页面构建方法及装置。该方法包括：在满足前端构建条件时，启动用于前端构建的守护进程；利用所述守护进程对前端页面的视图文件进行构建，获得前端页面的渲染内容；将所述前端页面的渲染内容和所述前端页面的数据内容返回至用户端，以重建所述前端页面。通过本发明的技术方案，有利于提高开发效率，避免每次启动node应用均进行前端渲染也影响用户的正常体验，页面打开性能也大幅上升。

技术领域

本发明涉及页面处理技术领域，尤其涉及前端页面构建方法及装置。

背景技术

目前，对于配置大于约定的node(是一个让JavaScript运行在服务端的开发平台)服务端渲染框架而言，node服务端渲染框架与前端渲染场常常会联系在一起，而联系在一起就会导致在开发环境下，一旦修改node服务端代码或重新启动node应用时会导致前端的重新构建，当应用规模达到一定程度后，前端构建(即前端渲染)会非常缓慢，导致开发效率大幅下降；同时，每次启动均进行前端渲染也影响用户对node应用的正常体验。

发明内容

本发明实施例提供了前端页面构建方法及装置。所述技术方案如下：

根据本发明实施例的第一方面，提供一种前端页面构建方法，包括：

在满足前端构建条件时，启动用于前端构建的守护进程；

利用所述守护进程对前端页面的视图文件进行构建，获得前端页面的渲染内容；

将所述前端页面的渲染内容和所述前端页面的数据内容返回至用户端，以重建所述前端页面。

在一个实施例中，所述方法还包括：

通过所述守护进程监测所述前端页面的视图文件是否发生变化；

当发生变化时，确定满足前端构建条件；

所述利用所述守护进程对前端页面的视图文件进行构建，包括：

使用所述守护进程和变化后的视图文件进行前端页面构建，获得所述前端页面的渲染内容；

或者

在首次启动所述前端页面所在的应用时，确定满足前端构建条件。

在一个实施例中，所述方法还包括：

扫描预先存储的所述前端页面的路由文件，获得与所述路由文件对应的视图文件；

生成与所述视图文件对应的入口文件；

获取所述前端页面的数据内容。

在一个实施例中，所述方法还包括：

确定用于管理所述前端页面的当前主进程；

为所述当前主进程创建子进程，使其成为运行在后台的守护进程；

所述利用所述守护进程对前端页面的视图文件进行构建，获得前端页面的渲染内容，包括：

在所述守护进程中启动前端构建工具；

将所述入口文件传递给所述前端构建工具进行前端构建，获得所述前端页面的渲染内容；

将所述渲染内容返回给主进程；

所述将所述前端页面的渲染内容和所述前端页面的数据内容返回至用户端，以重建所述前端页面，包括：

通过所述主进程将所述前端页面的渲染内容添加至所述前端页面的数据内容中，获得所述前端页面的总数据；

通过所述主进程将所述前端页面的总数据发送至所述用户端的浏览器中进行渲染。

在一个实施例中，所述方法还包括：