[发明专利]页面渲染方法和系统

说明书

本发明涉及一种页面渲染方法及系统。其中方法包括以下步骤：获取待渲染页面的页面参数；将页面参数与预设入口文件相关联；在预设入口文件中查找与页面参数对应的渲染数据；基于渲染数据对待渲染页面进行渲染，生成目标页面。上述页面渲染方法可以让浏览器边下载javascript文件的同时渲染html页面，而不需要像传统方式那样等到所有javascript文件下载并执行完成之后才去渲染页面。同时SSR对服务器的压力也是相对较大的，和服务器简单输出静态文件相比，通过node去渲染出页面再传递给客户端显然开销是比较大的，需要注意准备好相应的服务器负载。与传统相比更快的首屏渲染速度，减少了页面等待时间。同时可以更好的有利于SEO，便于页面抓取。

技术领域

本发明涉及计算机信息领域，特别是涉及一种页面渲染方法及系统。

背景技术

SSR是Server Side Render的缩写，即服务器端渲染。在没有SPA之前，绝大多数的网页都是通过服务器渲染生成的：用户向服务器发送请求，服务器获取请求，然后再查询数据库，根据查询的数据动态的生成一张网页，最后将网页内容返回给浏览器端。

目前，SPA(single page web application，单页Web应用)技术可以为用户提供更好的浏览体验，但是SPA技术只有一个Web页面，其余页面均通过JS(JavaScript，文件扩展)控制加载。另外，SEO(Search Engine Optimization，搜索引擎优化)可以使网站更适合搜索引擎的索引原则，但是因为SPA的上述结构使得不利于SEO对页面进行抓取。为了便于SEO对页面的抓取，需要将所有的页面全部渲染成静态页面。

现有的渲染技术采用传统的开发方法，通过前端生成HTML页面，后端对HTML页面进行绑定数据并将HTML页面渲染成静态页面；这样便会造成信息处理的延迟，增加页面的等待时间。

发明内容

基于此，有必要针对上述传统服务器渲染技术会造成信息处理延迟，增加页面的等待时间的问题，提供一种能够解决上述问题的页面渲染方法及系统。

一种页面渲染方法，包括以下步骤：

获取待渲染页面的页面参数；

将页面参数与预设入口文件相关联；

在预设入口文件中查找与页面参数对应的渲染数据；

基于渲染数据对待渲染页面进行渲染，生成目标页面。

在其中一个优选实施方式中，所述获取待渲染页面的页面参数的步骤包括：

读取待渲染页面；

对所述待渲染页面的各地址参数进行配置，并对所述待渲染页面的页面参数进行配置；

将所述待渲染页面与各所述地址参数进行关联。

在其中一个优选实施方式中，所述将将页面参数与预设入口文件相关联的步骤包括：

通过Webpack工具将所述页面参数和所述预设入口文件进行关联，得到数据包；

将所述数据包输入至所述待渲染页面。

在其中一个优选实施方式中，所述通过Webpack工具将所述页面参数和所述预设入口文件进行关联，得到数据包的步骤中，所述通过Webpack工具分别对服务端打包配置及客户端打包配置。

在其中一个优选实施方式中，所述预设入口文件包括客户端入口文件、服务端入口文件。