微服务组件的渲染方法、电子设备和存储介质技术

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

【技术实现步骤摘要】
微服务组件的渲染方法、电子设备和存储介质


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

技术介绍

[0002]随着技术的发展，Web应用由单一的单体应用转变为多个小型前端微组件聚合为一的应用。
[0003]目前，微组件的渲染通常在加载(初始化)页面时，并行执行，在这一过程中，微组件的渲染需要在服务器返回渲染所需的数据之后，才能执行，然而由于服务器返回渲染所需的数据需要时间，因此会出现渲染所需的数据未拿到而无法显示页面的具体内容，即页面的首屏为白屏。

技术实现思路

[0004]本申请实施例的目的在于提供一种微服务组件的渲染方法、电子设备和存储介质，用以提高客户端渲染页面组件的速度，进而实现客户端在加载目标页面时，目标页面的首屏就能够看到所有的数据。同时，本申请还用于实现服务端和页面级别不再关注微组件的接口及业务逻辑，进而降低接口的维护成本。
[0005]第一方面，本专利技术提供一种微服务组件的渲染方法，所述渲染方法应用于客户端，所述渲染方法包括：
[0006本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种微服务组件的渲染方法，其特征在于，所述渲染方法应用于客户端，所述渲染方法包括：将目标页面中若干个微服务组件的服务文件发送至服务端，所述服务文件包括初始化函数，所述初始化函数用于实现所述微服务组件的渲染接口并返回promise对象；向所述服务端发送针对所述目标页面的预渲染请求，所述预渲染请求包括所述微服务组件列表和所述微服务组件列表的数据，所述微服务组件列表的数据包括所述微服务组件之间的顺序和所述微服务组件之间的嵌套关系，以使所述服务端基于所述微服务组件之间的顺序和所述微服务组件之间的嵌套关系，调用每个微服务组件的服务文件并基于所述服务文件中的所述初始化函数，得到到所述微服务组件的属性数据；接收所述服务端返回的每个所述微服务组件的属性数据，并将每个所述微服务组件的属性数据存储于所述目标页面的数据仓库；当所述目标页面初始化时，从所述目标页面的数据仓库读取每个所述微服务组件的属性数据；基于每个所述微服务组件的属性数据渲染每个所述微服务组件。2.如权利要求1所述的渲染方法，其特征在于，在所述基于每个所述微服务组件的属性数据渲染每个所述微服务组件之后，所述方法还包括：接收所述服务端再次返回的所述微服务组件的属性数据，并作为所述微服务组件的刷新数据；获取所述微服务组件的实时数据；判断所述微服务组件的实时数据是否与所述微服务组件的刷新数据一致，当所述微服务组件的刷新数据与所述微服务组件的实时数据不一致时，基于所述微服务组件的实时数据渲染所述微服务组件。3.如权利要求1所述的渲染方法，其特征在于，所述将目标页面中若干个微服务组件的服务文件发送至服务端，包括：将所述目标页面中若干个微服务组件的服务文件进行打包，得到每个所述微服务组件的库文件；将所述每个所述微服务组件的库文件发送至所述服务端，以使所述服务端基于每个所述微服务组件的库文件调用所述每个微服务组件的服务文件。4.如权利要求3所述的渲染方法，其特征在于，所述将所述目标页面中若干个微服务组件的服务文件进行打包，包括：基于webpack工具对所述目标页面中若干个微服务组件的服务文件进行打包，得到每个所述微服务组件的库文件，其中，每个所述微服务组件的库文件的模式为预设模式，在所述预设模式下，所述服务端可调用每个所述微服务组件的库文件。5.一种微服务组件的渲染方法，其特征在于，所述方法应用于服务端，所述方法包括：接收客户端发送的目标页面中若干个微服务组件的服务...

【专利技术属性】
技术研发人员：吴景致，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：