[发明专利]页面渲染方法、装置及智能终端

说明书

本发明提供了一种页面渲染方法、装置及智能终端，该方法包括：获取待渲染页面的页面参数；其中，页面参数携带有多个地址参数；将页面参数与预设语言包关联输入至待渲染页面；其中，预设语言包中包括页面参数和渲染数据的对应关系；在预设语言包中查找与页面参数对应的渲染数据；基于渲染数据对待渲染页面进行渲染，生成目标页面，并将目标页面保存至预设的第一存储路径。本发明通过采用前后端分离的开发方式，既可以使用前端前沿技术框架开发，提高开发效率，并且将页面打包成静态页面，还可以有效缓解页面渲染给服务器带来的负载问题，降低对服务器负载的要求，另外，生成的目标页面便于SEO的搜索抓取。

技术领域

本发明涉及互联网技术领域，尤其是涉及一种页面渲染方法、装置及智能终端。

背景技术

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

现有的渲染技术包括两种，一种是采用传统的开发方法，通过前端生成HTML页面，后端对HTML页面进行绑定数据并将HTML页面渲染成静态页面；另一种是采用Node.JS将HTML页面渲染成静态页面，在用户请求访问页面时，通过这两种方法将页面渲染成静态页面，以便于SEO对页面进行抓取。但是这两种方法均会增加服务器负载，在高流量环境下使用这两种方法对页面进行渲染时，随着服务器负载的增加，将需要更高配置的服务器负载。

发明内容

有鉴于此，本发明的目的在于提供一种页面渲染方法、装置及智能终端，通过采用前后端分离的开发方式，既可以使用前端前沿技术框架开发，提高开发效率，并且将页面打包成静态页面，还可以有效缓解页面渲染给服务器带来的负载问题，降低对服务器负载的要求，另外生成的目标页面又便于SEO的搜索抓取。

第一方面，本发明实施例提供了一种页面渲染方法，包括：获取待渲染页面的页面参数；其中，页面参数携带有多个地址参数；将页面参数与预设语言包关联输入至待渲染页面；其中，预设语言包中包括页面参数和渲染数据的对应关系；在预设语言包中查找与页面参数对应的渲染数据；基于渲染数据对待渲染页面进行渲染，生成目标页面，并将目标页面保存至预设的第一存储路径。

结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，其中，上述获取待渲染页面的页面参数的步骤，包括：在预设的第二存储路径中读取待渲染页面；对待渲染页面的各地址参数进行配置，并对待渲染页面的页面参数进行配置；将待渲染页面与各地址参数进行关联。

结合第一方面，本发明实施例提供了第一方面的第二种可能的实施方式，其中，上述将页面参数与预设语言包关联输入至待渲染页面的步骤，包括：通过Webpack工具将页面参数和预设语言包进行关联，得到数据包；将数据包输入至待渲染页面。

结合第一方面的第二种可能的实施方式，本发明实施例提供了第一方面的第三种可能的实施方式，其中，上述在预设语言包中查找与页面参数对应的渲染数据的步骤，包括：通过EJS模板语言读取数据包内的页面参数和预设语言包；获取页面参数携带的各地址参数；在预设语言包中查找与各地址参数对应的渲染数据。

结合第一方面的第三种可能的实施方式，本发明实施例提供了第一方面的第四种可能的实施方式，其中，上述基于渲染数据对待渲染页面进行渲染，生成目标页面的步骤，包括：基于各地址参数对应的渲染数据，对待渲染页面进行渲染，生成与各地址参数对应的目标页面。

结合第一方面，本发明实施例提供了第一方面的第五种可能的实施方式，其中，上述方法还包括：接收用户发送的页面访问请求；其中，页面访问请求包括地址参数；在第一存储路径中查找与地址参数对应的已渲染页面，并展示已渲染页面。