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

权利要求书

1.一种微服务组件的渲染方法，其特征在于，所述渲染方法应用于客户端，所述渲染方法包括：

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

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

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

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

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

2.如权利要求1所述的渲染方法，其特征在于，在所述基于每个所述微服务组件的属性数据渲染每个所述微服务组件之后，所述方法还包括：

接收所述服务端再次返回的所述微服务组件的属性数据，并作为所述微服务组件的刷新数据；

获取所述微服务组件的实时数据；

判断所述微服务组件的实时数据是否与所述微服务组件的刷新数据一致，当所述微服务组件的刷新数据与所述微服务组件的实时数据不一致时，基于所述微服务组件的实时数据渲染所述微服务组件。

3.如权利要求1所述的渲染方法，其特征在于，所述将目标页面中若干个微服务组件的服务文件发送至服务端，包括：

将所述目标页面中若干个微服务组件的服务文件进行打包，得到每个所述微服务组件的库文件；

将所述每个所述微服务组件的库文件发送至所述服务端，以使所述服务端基于每个所述微服务组件的库文件调用所述每个微服务组件的服务文件。

4.如权利要求3所述的渲染方法，其特征在于，所述将所述目标页面中若干个微服务组件的服务文件进行打包，包括：

基于webpack工具对所述目标页面中若干个微服务组件的服务文件进行打包，得到每个所述微服务组件的库文件，其中，每个所述微服务组件的库文件的模式为预设模式，在所述预设模式下，所述服务端可调用每个所述微服务组件的库文件。

5.一种微服务组件的渲染方法，其特征在于，所述方法应用于服务端，所述方法包括：

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

接收所述客户端发送的针对所述目标页面的预渲染请求，所述预渲染请求包括所述微服务组件列表和所述微服务组件列表的数据，所述微服务组件列表的数据包括所述微服务组件之间的顺序和所述微服务组件之间的嵌套关系；

基于所述微服务组件之间的顺序和所述微服务组件之间的嵌套关系，调用每个微服务组件的服务文件并基于所述服务文件中的所述初始化函数，得到到所述微服务组件的属性数据；

向所述客户端返回每个所述微服务组件的属性数据，以使所述客户端并将每个所述微服务组件的属性数据存储于所述目标页面的数据仓库，并在所述目标页面初始化时，从所述目标页面的数据仓库读取每个所述微服务组件的属性数据和基于每个所述微服务组件的属性数据渲染每个所述微服务组件。

6.如权利要求5所述的渲染方法，其特征在于，在向所述客户端返回每个所述微服务组件的属性数据之后，所述方法还包括：

向所述客户端再次返回的所述微服务组件的属性数据，并作为所述微服务组件的刷新数据，以使所述客户端获取所述微服务组件的实时数据，并判断所述微服务组件的实时数据是否与所述微服务组件的刷新数据一致，并在所述微服务组件的刷新数据与所述微服务组件的实时数据不一致时，基于所述微服务组件的实时数据渲染所述微服务组件。