[发明专利]微服务组件的渲染方法、电子设备和存储介质

说明书

本申请提供一种微服务组件的渲染方法、电子设备和存储介质，其中，微服务组件的渲染方法包括：将目标页面中若干个微服务组件的服务文件发送至服务端，服务端基于微服务组件之间的顺序和微服务组件之间的嵌套关系，调用每个微服务组件的服务文件并基于服务文件中的初始化函数，得到到微服务组件的属性数据；接收服务端返回的每个微服务组件的属性数据，并将每个微服务组件的属性数据存储于目标页面的数据仓库；当目标页面初始化时，从目标页面的数据仓库读取每个微服务组件的属性数据；基于每个微服务组件的属性数据渲染每个微服务组件。本申请具有接口维护成本低、渲染速度快等优点。

技术领域

本申请涉及计算机领域，具体而言，涉及一种微服务组件的渲染方法、电子设备和存储介质。

背景技术

随着技术的发展，Web应用由单一的单体应用转变为多个小型前端微组件聚合为一的应用。

目前，微组件的渲染通常在加载(初始化)页面时，并行执行，在这一过程中，微组件的渲染需要在服务器返回渲染所需的数据之后，才能执行，然而由于服务器返回渲染所需的数据需要时间，因此会出现渲染所需的数据未拿到而无法显示页面的具体内容，即页面的首屏为白屏。

发明内容

本申请实施例的目的在于提供一种微服务组件的渲染方法、电子设备和存储介质，用以提高客户端渲染页面组件的速度，进而实现客户端在加载目标页面时，目标页面的首屏就能够看到所有的数据。同时，本申请还用于实现服务端和页面级别不再关注微组件的接口及业务逻辑，进而降低接口的维护成本。

第一方面，本发明提供一种微服务组件的渲染方法，所述渲染方法应用于客户端，所述渲染方法包括：

将目标页面中若干个微服务组件的服务文件发送至服务端，所述服务文件包括初始化函数，所述初始化函数用于实现所述微服务组件的渲染接口并返回promise对象；

向所述服务端发送针对所述目标页面的预渲染请求，所述预渲染请求包括所述微服务组件列表和所述微服务组件列表的数据，所述微服务组件列表的数据包括所述微服务组件之间的顺序和所述微服务组件之间的嵌套关系，以使所述服务端基于所述微服务组件之间的顺序和所述微服务组件之间的嵌套关系，调用每个微服务组件的服务文件并基于所述服务文件中的所述初始化函数，得到到所述微服务组件的属性数据；

接收所述服务端返回的每个所述微服务组件的属性数据，并将每个所述微服务组件的属性数据存储于所述目标页面的数据仓库；

当所述目标页面初始化时，从所述目标页面的数据仓库读取每个所述微服务组件的属性数据；

基于每个所述微服务组件的属性数据渲染每个所述微服务组件。

在本申请实施例中，通过将目标页面中若干个微服务组件的服务文件发送至服务端和将微服务组件列表和微服务组件列表的数据发送子服务端，进而服务端就能够基于微服务组件之间的顺序和微服务组件之间的嵌套关系，调用每个微服务组件的服务文件并基于服务文件中的初始化函数，得到到微服务组件的属性数据，进而完成对组件的预渲染，进而当客户终端加载目标页面初始化，就能够从所述目标页面的数据仓库读取每个所述微服务组件的属性数据，并基于每个所述微服务组件的属性数据快速渲染每个所述微服务组件。

与现有技术相比，本申请的客户端在加载目标页面之前，将服务文件发送至服务端，从而利用服务端获取组件的属性数据，这样一来，当客户端在渲染每个组件时，无需等待服务端返回组件的属性数据，进而快速渲染组件。而现有技术，则需要在客户端在渲染每个组件时，等待服务端返回组件的属性数据，其中，等待服务端返回组件的属性数据期间，目标页面因没有组件的属性数据，故目标页面的首屏为白屏。换而言之，本申请能够提高客户端渲染页面组件的速度，进而实现客户端在加载目标页面时，目标页面的首屏就能够看到所有的数据。