页面渲染方法、装置、电子设备以及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113010827A(43)申请公布日2021.06.22(21)申请号202110284442.3(22)申请日2021.03.16(71)申请人北京百度网讯科技有限公司地址100085北京市海淀区上地十街10号百度大厦2层(72)发明人王宁(74)专利代理机构中科专利商标代理有限责任公司11021代理人鄢功军(51)Int.Cl.G06F16/958(2019.01)G06F8/34(2018.01)权利要求书2页说明书11页附图5页(54)发明名称页面渲染方法、装置、电子设备以及存储介质(57)摘要本公开公开了页面渲染方法、装置、电子设备以及存储介质，涉及计算机技术领域，尤其涉及网页应用领域。该页面渲染方法具体实现方案为：获取来自服务端的调用请求，其中，调用请求是在服务端获取到来自客户端的访问请求的情况下发送的；响应于调用请求，调用同构渲染器，根据页面的静态资源、超文本标记语言结构信息和页面的内容数据执行渲染操作，其中，在页面的开发阶段预先利用同构渲染器进行了模拟渲染；以及向服务端返回渲染完成的超文本标记语言文件。CN113010827ACN113010827A权利要求书1/2页1.一种页面渲染方法，包括：获取来自服务端的调用请求，其中，所述调用请求是在所述服务端获取到来自客户端的访问请求的情况下发送的；响应于所述调用请求，调用同构渲染器，根据页面的静态资源、超文本标记语言结构信息和所述页面的内容数据执行渲染操作，其中，在所述页面的开发阶段预先利用所述同构渲染器进行了模拟渲染；以及向所述服务端返回渲染完成的超文本标记语言文件。2.根据权利要求1所述的方法，其中，所述根据页面的静态资源、超文本标记语言结构信息和页面的内容数据执行渲染操作包括：解析所述调用请求中的页面路由参数，并获取依赖接口服务参数；根据所述页面路由参数获得所述页面的静态资源和所述超文本标记语言结构信息；根据所述依赖接口服务参数获得所述页面的内容数据；生成用于渲染页面的渲染环境；以及在所述渲染环境下，根据所述页面的静态资源、所述超文本标记语言结构信息和所述页面的内容数据执行渲染操作。3.根据权利要求1所述的方法，其中，在所述页面的开发阶段预先利用所述同构渲染器进行了模拟渲染包括：通过打包工具调用超文本标记语言网页包插件和预渲染插件，其中，所述超文本标记语言网页包插件用于创建超文本标记语言文本；通过监听所述超文本标记语言网页包插件的第一目标钩子，获取所述页面的静态资源；通过监听所述超文本标记语言网页包插件的第二目标钩子，获取所述页面的结构信息；以及调用所述同构渲染器，根据所述页面的静态资源和所述页面的结构信息进行模拟渲染。4.根据权利要求3所述的方法，还包括：向所述打包工具发送通过模拟渲染得到的超文本标记语言文件；以及将所述超文本标记语言文件的标识添加至资源清单中。5.根据权利要求3所述的方法，其中，所述第一目标钩子包括资源标签生成前钩子；所述第二目标钩子包括模板执行后钩子。6.根据权利要求3所述的方法，其中，所述调用所述同构渲染器，根据所述页面的静态资源和所述页面的结构信息进行模拟渲染包括：调用所述同构渲染器，根据所述页面的静态资源和所述页面的结构信息，结合页面开发框架原生服务端渲染能力，渲染得到所述超文本标记语言文件。7.根据权利要求6所述的方法，其中，所述静态资源包括JavaScript脚本。8.根据权利要求7所述的方法，其中，所述调用所述同构渲染器，根据所述页面的静态资源和所述页面的结构信息，结合页面开发框架原生服务端渲染能力，渲染得到所述超文本标记语言文件包括：在eval环境下执行所述JavaScript脚本，结合页面开发框架原生服务端渲染能力，展2CN113010827A权利要求书2/2页示所述超文本标记语言文件的渲染效果。9.一种页面渲染装置，包括：获取模块，用于获取来自服务端的调用请求，其中，所述调用请求是在所述服务端获取到来自客户端的访问请求的情况下发送的；响应模块，用于响应于所述调用请求，调用同构渲染器，根据页面的静态资源、超文本标记语言结构信息和所述页面的内容数据执行渲染操作，其中，在所述页面的开发阶段预先利用所述同构渲染器进行了模拟渲染；以及发送模块，用于向所述服务端返回渲染完成的超文本标记语言文件。10.根据权利要求9所述的装置，其中，所述响应模块包括：解析单元，用于解析所述调用请求中的页面路由参数，并获取依赖接口服务参数；第一获得单元，用于根据所述页面路由参数获得所述页面的静态资源和所述超文本标记语言结构信息；第二获得单元，用于根据所述依赖接口服务参数获得所述页面的内容数据；生成单元，用于生成用于渲染页面的渲染环境；以及执行单元，用于在所述渲染环境下，根据