[发明专利]一种网页生成方法、装置以及存储介质

说明书

本申请实施例提供一种网页生成方法、装置以及存储介质，涉及前端开发领域，能够提高系统的开发效率，该方法应用于微前端架构中的主应用，该微前端架构还包括至少一个子应用，该方法包括：接收访问主网页的请求，主网页是上述主应用的网页；在接收到该请求之后，获取主网页中的第一目标区域的引用信息；其中，该第一目标区域的引用信息用于指示第一目标区域的第一待显示内容取自于目标子网页中的第二目标区域；该目标子网页为上述至少一个子应用中的目标子应用的网页；该第一目标区域和第二目标区域的显示内容相同；根据上述第一目标区域的引用信息，从目标子应用中，获取第一待显示内容；根据第一待显示内容对第一目标区域进行渲染，得到主网页。

技术领域

本申请实施例涉及前端开发领域，尤其涉及一种网页生成方法、装置以及存储介质。

背景技术

随着各大企业对系统的可靠性的要求，后端微服务架构的应用场景也越来越多，基于后端的微服务架构的理念，前端技术人员提出了微前端架构。

传统的微前端架构是将系统中的网页按照需求功能划分为多个子应用和一个主应用，其中，各个应用中的网页独立开发，且该多个应用分别独立部署为一个服务，因此，即使多个服务中一个服务发生宕机，也不会导致整个系统宕机。

然而，由于各个应用中的网页是独立开发的，所以系统的开发效率较低。

发明内容

本申请实施例提供一种网页生成方法、装置以及存储介质，能够提高系统的开发效率。

为达到上述目的，本申请实施例采用如下技术方案：

第一方面，本申请实施例提供一种网页生成方法，应用于微前端架构中的主应用，微前端架构还包括至少一个子应用，该方法包括：接收访问主网页的请求，该主网页是主应用的网页；在接收到该请求之后，获取主网页中的第一目标区域的引用信息；其中，第一目标区域的引用信息用于指示该第一目标区域的第一待显示内容取自于目标子网页中的第二目标区域；目标子网页为上述至少一个子应用中的目标子应用的网页；该第一目标区域和第二目标区域的显示内容相同；根据第一目标区域的引用信息，从目标子应用中，获取上述第一待显示内容；根据该第一待显示内容对上述第一目标区域进行渲染，得到上述主网页；该主网页中的第一目标区域中显示上述第一待显示内容。

相较于，微前端架构的各个应用中的网页独立开发的方式；本申请实施例提供的网页生成方法是，根据主网页中的第一目标区域的引用信息，从目标子应用中的目标子网页中的第二目标区域中获取该第一目标区域的第一待显示内容；即：主网页中的第一目标区域复用子应用中的目标子网页中的第二目标区域中的显示内容；也就是说，主网页中的第一目标区域在开发过程中并不需要对该第一目标区域的第一待显示内容进行开发，只需要让第一目标区域的引用信息指向目标子应用的目标子网页中的第二目标区域即可；从而提高了微前端架构的系统中的代码复用率，因此，提高了该系统的开发效率。

一种可能的实现方式中，上述在接收到主网页的请求之后，获取该主网页中的第一目标区域的引用信息，包括：根据上述请求，获取主网页的模板信息，该主网页的模板信息用于描述该主网页上的页面内容和显示效果；主网页的模板信息包括：上述第一目标区域的引用信息。

一种可能的实现方式中，上述主网页的模板信息中还包括：第三目标区域的标识信息；在上述根据第一待显示内容对第一目标区域进行渲染，得到主网页之前，该方法还包括：从主网页的模板信息中，获取该第三目标区域的标识信息；根据该第三目标区域的标识信息，从上述主应用的配置文件中获取第三目标区域的第二待显示内容；上述根据第一待显示内容对第一目标区域进行渲染，得到主网页，包括：根据上述第一待显示内容和第二待显示内容对上述模板进行渲染，得到主网页；主网页的第一目标区域显示上述第一待显示内容，上述第三目标区域中显示第二待显示内容。