网页页面的渲染方法、装置、设备及存储介质制造方法及图纸

本申请公开了一种网页页面的渲染方法、装置、设备及存储介质，属于网页开发技术领域。所述方法包括：在前端应用中运行前端插件，前端插件与服务器中运行的服务端插件对应；响应于网页页面的打开操作，通过前端插件请求服务端插件对网页页面的网页源代码进行渲染；通过前端插件接收服务端插件反馈的网页页面的渲染结果。本申请通过在前端框架和后端框架中插入插件的形式实现网页页面的服务端渲染过程，从而使得插入前端插件的前端框架可根据前端插件的不同适用于多种前端框架场景。件的不同适用于多种前端框架场景。件的不同适用于多种前端框架场景。

【技术实现步骤摘要】
网页页面的渲染方法、装置、设备及存储介质


[0001]本申请实施例涉及网页开发
，特别涉及一种网页页面的渲染方法、装置、设备及存储介质。

技术介绍

[0002]常用的网页页面渲染方法主要包括服务端渲染(Server Side Render，SSR)和客户端渲染(Client Side Render，CSR)。SSR的原理是将超文本标记语言(Hyper Text Markup Language，HTML)页面及其相应的动态数据在服务端进行组装，然后直接将完整的页面(渲染结果)呈现在客户端。CSR的原理是HTML页面及动态数据的组装发生在客户端。
[0003]相关技术中，通过兼容服务端渲染及客户端渲染，基于前端框架的服务端渲染框架方式实现了节省服务端资源、服务端渲染首屏加载快，搜索引擎优化(Search Engine Optimization，SEO)等效果。
[0004]但在上述方案中，服务端渲染框架仅能够支持单一的前端框架，即，服务端渲染框架与前端框架一一对应，该服务端渲染框架仅适用于单一的前端框架场景。

技术实现思路

[0005]本申请提供了一种网页页面的渲染方法、装置、设备及存储介质。所述技术方案如下：
[0006]根据本申请的一方面，提供了一种网页页面的渲染方法，所述方法包括：
[0007]在前端应用中运行前端插件，所述前端插件与服务器中运行的服务端插件对应，所述服务端插件用于提供位于服务端的网页渲染功能；
[0008]响应于所述网页页面的打开操作，通过所述前端插件请求所述服务端插件对所述网页页面的网页源代码进行渲染；
[0009]通过所述前端插件接收所述服务端插件反馈的所述网页页面的渲染结果。
[0010]根据本申请的一方面，提供了一种网页页面的渲染方法，所述方法包括：
[0011]在服务端运行服务端插件，所述服务端插件与前端应用中运行的前端插件对应，所述服务端插件用于提供位于服务端的网页渲染功能；
[0012]通过所述服务端插件对所述前端插件请求的网页页面的网页源代码进行渲染得到所述网页页面的渲染结果；
[0013]向所述前端插件反馈所述网页页面的渲染结果。
[0014]根据本申请的一方面，提供了一种网页页面的渲染装置，所述装置包括：
[0015]运行模块，用于在前端应用中运行前端插件，所述前端插件与服务器中运行的服务端插件对应，所述服务端插件用于提供位于服务端的网页渲染功能；
[0016]渲染模块，用于响应于所述网页页面的打开操作，通过所述前端插件请求所述服务端插件对所述网页页面的网页源代码进行渲染；
[0017]接收模块，用于通过所述前端插件接收所述服务端插件反馈的所述网页页面的渲
染结果。
[0018]根据本申请的一方面，所述运行模块，还用于在所述前端应用中运行与第一前端框架对应的前端插件，所述第一前端框架是所述前端应用使用的前端框架；
[0019]其中，不同的所述前端框架对应的所述前端插件具有相同的运行逻辑和不同的适配设计。
[0020]根据本申请的一方面，所述渲染模块，包括：
[0021]发送单元，用于响应于所述网页页面的打开操作，通过所述前端插件向所述服务端插件发送客户端请求，所述客户端请求携带有应用层协议信息参数；
[0022]其中，所述客户端请求用于请求所述服务端插件对所述网页页面的网页源代码进行渲染，所述应用层协议信息参数用于指示所述服务端插件确定所述网页页面的渲染模式。
[0023]根据本申请的一方面，所述接收模块，还用于通过所述前端插件接收所述服务端插件反馈的降级渲染结果，所述降级渲染结果是所述服务端插件对所述网页页面的网页源代码渲染失败时得到的渲染结果。
[0024]根据本申请的一方面，所述渲染模块，包括：
[0025]渲染单元，用于通过所述前端插件基于所述降级渲染结果进行客户端渲染，得到所述网页页面的渲染结果。
[0026]其中，所述网页页面的网页源代码包括页面布局层代码和页面实际内容展示层代码，所述页面布局层代码是所述网页源代码中与应用逻辑无关的代码，所述页面实际内容展示层代码是所述网页源代码中与所述应用逻辑有关的代码；
[0027]所述降级渲染结果是所述服务端插件对所述页面布局层代码进行渲染得到的渲染结果。
[0028]根据本申请的一方面，所述渲染模块，还包括：
[0029]获取单元，用于通过所述前端插件向所述服务器获取所述页面实际内容展示层代码。
[0030]所述渲染单元，还用于通过所述前端插件以所述降级渲染结果为渲染骨架，基于所述页面实际内容展示层代码在所述渲染骨架中渲染与所述应用逻辑有关的页面内容，得到所述网页页面的渲染结果。
[0031]根据本申请的一方面，提供了一种网页页面的渲染装置，所述装置包括：
[0032]运行模块，用于在服务端运行服务端插件，所述服务端插件与前端应用中运行的前端插件对应，所述服务端插件用于提供位于服务端的网页渲染功能；
[0033]渲染模块，用于通过所述服务端插件对所述前端插件请求的网页页面的网页源代码进行渲染得到所述网页页面的渲染结果；
[0034]反馈模块，用于向所述前端插件反馈所述网页页面的渲染结果。
[0035]根据本申请的一方面，所述运行模块，还用于在所述服务端运行与所述第一后端框架对应的服务端插件，所述第一后端框架是所述服务端使用的后端框架；
[0036]其中，不同的所述后端框架对应的所述服务插件具有相同的运行逻辑和不同的适配设计。
[0037]根据本申请的一方面，所述渲染模块，包括：
[0038]接收单元，用于通过所述服务端插件接收所述前端插件发送的客户端请求，所述客户端请求携带有应用层协议信息参数；
[0039]确定单元，用于根据所述应用层协议信息参数确定所述网页页面的渲染模式；
[0040]渲染单元，用于基于所述渲染模式对所述网页页面的网页源代码进行渲染，得到所述网页页面的渲染结果。
[0041]根据本申请的一方面，在所述服务端插件运行时或加载数据时出现错误的情况下，所述服务端插件对所述网页页面的所述网页源代码渲染失败得到降级渲染结果；
[0042]所述反馈模块，用于向所述前端插件反馈所述降级渲染结果。
[0043]根据本申请的一方面，所述网页页面的网页源代码包括页面布局层代码和页面实际内容展示层代码，所述页面布局层代码是所述网页源代码中与应用逻辑无关的代码，所述页面实际内容展示层代码是所述网页源代码中与所述应用逻辑有关的代码；
[0044]所述降级渲染结果是所述服务端插件对所述页面布局层代码进行渲染的得到的。
[0045]根据本申请的另一方面，提供了一种计算机设备，该计算机设备包括：处理器和存储器，存储器中存储有至少一条计算机程序，至少一条计算机程序由处理器加载并执行以实现如上方面所述的网页页面的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页页面的渲染方法，其特征在于，所述方法包括：在前端应用中运行前端插件，所述前端插件与服务器中运行的服务端插件对应，所述服务端插件用于提供位于服务端的网页渲染功能；响应于所述网页页面的打开操作，通过所述前端插件请求所述服务端插件对所述网页页面的网页源代码进行渲染；通过所述前端插件接收所述服务端插件反馈的所述网页页面的渲染结果。2.根据权利要求1所述的方法，其特征在于，所述在前端应用中运行所述前端插件，包括：在所述前端应用中运行与第一前端框架对应的前端插件，所述第一前端框架是所述前端应用使用的前端框架；其中，不同的所述前端框架对应的所述前端插件具有相同的运行逻辑和不同的适配设计。3.根据权利要求2所述的方法，其特征在于，所述响应于所述网页页面的打开操作，通过所述前端插件请求所述服务端插件对所述网页页面的网页源代码进行渲染，包括：响应于所述网页页面的打开操作，通过所述前端插件向所述服务端插件发送客户端请求，所述客户端请求携带有应用层协议信息参数；其中，所述客户端请求用于请求所述服务端插件对所述网页页面的网页源代码进行渲染，所述应用层协议信息参数用于指示所述服务端插件确定所述网页页面的渲染模式。4.根据权利要求1至3任一所述的方法，其特征在于，所述方法还包括：通过所述前端插件接收所述服务端插件反馈的降级渲染结果，所述降级渲染结果是所述服务端插件对所述网页页面的网页源代码渲染失败时得到的渲染结果；通过所述前端插件基于所述降级渲染结果进行客户端渲染，得到所述网页页面的渲染结果。5.根据权利要求4所述的方法，其特征在于，所述网页页面的网页源代码包括页面布局层代码和页面实际内容展示层代码，所述页面布局层代码是所述网页源代码中与应用逻辑无关的代码，所述页面实际内容展示层代码是所述网页源代码中与所述应用逻辑有关的代码；所述降级渲染结果是所述服务端插件对所述页面布局层代码进行渲染得到的渲染结果。6.根据权利要求5所述的方法，其特征在于，所述通过所述前端插件基于所述降级渲染结果进行客户端渲染，得到所述网页页面的渲染结果，包括：通过所述前端插件向所述服务器获取所述页面实际内容展示层代码；通过所述前端插件以所述降级渲染结果为渲染骨架，基于所述页面实际内容展示层代码在所述渲染骨架中渲染与所述应用逻辑有关的页面内容，得到所述网页页面的渲染结果。7.一种网页页面的渲染方法，其特征在于，所述方法包括：在服务端运行服务端插件，所述服务端插件与前端应用中运行的前端插件对应，所述服务端插件用于提供位于服务端的网页渲染功能；通过所述服务端插件对所述前端插件请求的网页页面的网页源代码进行渲染得到所
述网页页面的渲染结果；向所述前端插件反馈所述网页页面的渲染结果。8.根据权利要求7所述的方法，其特征在于，所述在服务端运行服务端插件，包括：在所述服务端运行与所述第一后端框架对应的服务端插件，所述第一后端框架是...

【专利技术属性】
技术研发人员：张宇昂，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：