[发明专利]页面渲染方法、装置、电子设备以及存储介质在审
申请号: | 202110284442.3 | 申请日: | 2021-03-16 |
公开(公告)号: | CN113010827A | 公开(公告)日: | 2021-06-22 |
发明(设计)人: | 王宁 | 申请(专利权)人: | 北京百度网讯科技有限公司 |
主分类号: | G06F16/958 | 分类号: | G06F16/958;G06F8/34 |
代理公司: | 中科专利商标代理有限责任公司 11021 | 代理人: | 鄢功军 |
地址: | 100085 北京市*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 页面 渲染 方法 装置 电子设备 以及 存储 介质 | ||
1.一种页面渲染方法,包括:
获取来自服务端的调用请求,其中,所述调用请求是在所述服务端获取到来自客户端的访问请求的情况下发送的;
响应于所述调用请求,调用同构渲染器,根据页面的静态资源、超文本标记语言结构信息和所述页面的内容数据执行渲染操作,其中,在所述页面的开发阶段预先利用所述同构渲染器进行了模拟渲染;以及
向所述服务端返回渲染完成的超文本标记语言文件。
2.根据权利要求1所述的方法,其中,所述根据页面的静态资源、超文本标记语言结构信息和页面的内容数据执行渲染操作包括:
解析所述调用请求中的页面路由参数,并获取依赖接口服务参数;
根据所述页面路由参数获得所述页面的静态资源和所述超文本标记语言结构信息;
根据所述依赖接口服务参数获得所述页面的内容数据;
生成用于渲染页面的渲染环境;以及
在所述渲染环境下,根据所述页面的静态资源、所述超文本标记语言结构信息和所述页面的内容数据执行渲染操作。
3.根据权利要求1所述的方法,其中,在所述页面的开发阶段预先利用所述同构渲染器进行了模拟渲染包括:
通过打包工具调用超文本标记语言网页包插件和预渲染插件,其中,所述超文本标记语言网页包插件用于创建超文本标记语言文本;
通过监听所述超文本标记语言网页包插件的第一目标钩子,获取所述页面的静态资源;
通过监听所述超文本标记语言网页包插件的第二目标钩子,获取所述页面的结构信息;以及
调用所述同构渲染器,根据所述页面的静态资源和所述页面的结构信息进行模拟渲染。
4.根据权利要求3所述的方法,还包括:
向所述打包工具发送通过模拟渲染得到的超文本标记语言文件;以及
将所述超文本标记语言文件的标识添加至资源清单中。
5.根据权利要求3所述的方法,其中,所述第一目标钩子包括资源标签生成前钩子;所述第二目标钩子包括模板执行后钩子。
6.根据权利要求3所述的方法,其中,所述调用所述同构渲染器,根据所述页面的静态资源和所述页面的结构信息进行模拟渲染包括:
调用所述同构渲染器,根据所述页面的静态资源和所述页面的结构信息,结合页面开发框架原生服务端渲染能力,渲染得到所述超文本标记语言文件。
7.根据权利要求6所述的方法,其中,所述静态资源包括JavaScript脚本。
8.根据权利要求7所述的方法,其中,所述调用所述同构渲染器,根据所述页面的静态资源和所述页面的结构信息,结合页面开发框架原生服务端渲染能力,渲染得到所述超文本标记语言文件包括:
在eval环境下执行所述JavaScript脚本,结合页面开发框架原生服务端渲染能力,展示所述超文本标记语言文件的渲染效果。
9.一种页面渲染装置,包括:
获取模块,用于获取来自服务端的调用请求,其中,所述调用请求是在所述服务端获取到来自客户端的访问请求的情况下发送的;
响应模块,用于响应于所述调用请求,调用同构渲染器,根据页面的静态资源、超文本标记语言结构信息和所述页面的内容数据执行渲染操作,其中,在所述页面的开发阶段预先利用所述同构渲染器进行了模拟渲染;以及
发送模块,用于向所述服务端返回渲染完成的超文本标记语言文件。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京百度网讯科技有限公司,未经北京百度网讯科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110284442.3/1.html,转载请声明来源钻瓜专利网。