[发明专利]基于微前端的页面调试方法及装置、存储介质、电子设备

说明书

本公开涉及互联网技术领域，提供了一种基于微前端的页面调试方法、基于微前端的页面调试装置、计算机存储介质、电子设备，其中，基于微前端的页面调试方法包括：响应于针对子应用程序的页面调试请求，从子应用程序端获取子应用程序对应的待调试页面脚本；确定子应用程序所属的母应用程序，并从母应用程序端获取母应用程序的页面描述文件；根据待调试页面脚本和页面描述文件，生成待调试页面描述文件；将待调试页面描述文件返回至客户端，以使客户端加载与待调试页面描述文件对应的页面，并根据页面确定子应用程序的页面调试结果。本公开能够简化子应用程序的页面调试步骤，提升子应用程序的页面调试效率。

技术领域

本公开涉及互联网技术领域，特别涉及一种基于微前端的页面调试方法、基于微前端的页面调试装置、计算机存储介质及电子设备。

背景技术

微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用程序由单一的应用程序转变为多个小型前端应用，各个小型前端应用还可以独立运行、独立开发、独立部署，或聚合为一个母应用。

目前在需要对子应用程序的页面进行调试时，一般是通过子应用程序的研发人员手动修改host配置，以将域名解析指向本地开发环境中的待调试页面。然而，调试过程通常会面临需要同时访问多种环境的情况，因而，该方式需要研发人员来回切换host配置，操作繁琐复杂。

鉴于此，本领域亟需开发一种新的基于微前端的页面调试方法及装置。

需要说明的是，上述背景技术部分公开的信息仅用于加强对本公开的背景的理解。

发明内容

本公开的目的在于提供一种基于微前端的页面调试方法、基于微前端的页面调试装置、计算机存储介质及电子设备，进而至少在一定程度上避免了相关技术中子应用的页面调试过程繁琐复杂的问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本公开的第一方面，提供一种基于微前端的页面调试方法，应用于代理服务器，所述代理服务器用于在子应用程序端、客户端和母应用程序端之间转发数据，所述子应用程序端为安装子应用程序的终端，所述母应用程序端为安装母应用程序的终端，所述子应用程序运行于所述母应用程序提供的环境中，所述方法包括：响应于针对所述子应用程序的页面调试请求，从所述子应用程序端获取所述子应用程序对应的待调试页面脚本；确定所述子应用程序所属的母应用程序，并从所述母应用程序端获取所述母应用程序的页面描述文件；根据所述待调试页面脚本和所述页面描述文件，生成待调试页面描述文件；将所述待调试页面描述文件返回至所述客户端，以使所述客户端加载与所述待调试页面描述文件对应的页面，并根据所述页面确定所述子应用程序的页面调试结果。

在本公开的示例性实施例中，所述从所述子应用程序端获取所述子应用程序对应的待调试页面脚本，包括：根据预先配置的每个子应用程序与其待调试页面脚本的存储地址之间的对应关系，确定所述子应用程序对应的待调试页面脚本的目标存储地址；所述目标存储地址位于所述子应用程序端中；从所述目标存储地址中获取到所述待调试页面脚本。

在本公开的示例性实施例中，所述确定所述子应用程序所属的母应用程序，包括：根据预先配置的子应用程序与母应用程序之间的对应关系，确定所述子应用程序所属的母应用程序。

在本公开的示例性实施例中，所述从所述母应用程序端获取所述母应用程序的页面描述文件，包括：与所述母应用程序端建立通信连接；在建立所述通信连接之后，从所述母应用程序端中获取到所述页面描述文件。

在本公开的示例性实施例中，所述与所述母应用程序端建立通信连接，包括：获取所述母应用程序端的网络地址；根据所述网络地址，与所述母应用程序端建立通信连接。