[发明专利]基于微前端的软件开发方法、装置、电子设备及存储介质

说明书

本公开提供了一种基于微前端的软件开发方法、装置、电子设备及存储介质，该基于微前端的软件开发方法包括：响应针对目标微前端子工程的开发请求指令，从服务端加载与开发请求指令对应的目标页面模板；目标页面模板由存储于本地的与开发请求指令对应的目标微前端主工程的代码文件经打包后生成；读取目标页面模板中的数据列表，数据列表包括目标微前端子工程的名称、线上路径以及线上代码文件链接；根据目标微前端子工程存储在本地的项目配置，修改数据列表以将线上代码文件链接改成目标微前端子工程的本地代码文件链接；基于修改后的数据列表，启动网页服务，展示与修改后的目标页面模板对应的目标页面。

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种基于微前端的软件开发方法、装置、电子设备和存储介质。

背景技术

微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将网页(Web)应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。这些前端应用可以独立运行、独立开发、独立部署。

在微前端架构下，通常包括微前端主工程和微前端子工程。其中，微前端主工程也称顶层的模块管理加载器，用于负责实时加载运行时的微前端子工程(也称子模块)，并注入相关依赖。因此使用微前端架构进行开发时，需要依赖微前端主工程，才能进行微前端子工程的开发。

现有的微前端架构开发模式是，先启动微前端主工程服务，然后启动微前端子工程服务，将微前端主工程服务对应的微前端子工程加载代理到本地微前端子工程，来实现本地微前端子工程的调试开发。

然而，上述方法在开发时由于在软件开发时需要本地同时启动两个服务(微前端主工程服务和微前端子工程服务)，导致流程繁琐且性能较低，进而影响开发效率。另外，该方法对微前端主工程代码有侵入性影响，容易带来不可预期的漏洞(bug)。

发明内容

本公开实施例至少提供一种基于微前端的软件开发方法、装置、电子设备及计算机可读存储介质。

第一方面，本公开实施例提供了一种基于微前端的软件开发方法，包括：

响应针对目标微前端子工程的开发请求指令，从服务端加载与所述开发请求指令对应的目标页面模板；所述目标页面模板由存储于本地的与所述开发请求指令对应的目标微前端主工程的代码文件经打包后生成，所述目标微前端主工程用于实时加载运行时的所述目标微前端子工程；

读取所述目标页面模板中的数据列表；所述数据列表包括所述目标微前端子工程的名称、线上路径以及线上代码文件链接；

根据所述目标微前端子工程存储在本地的项目配置，修改所述数据列表，以将所述线上代码文件链接改成所述目标微前端子工程的本地代码文件链接；

基于修改后的数据列表，启动网页服务，展示与修改后的所述目标页面模板对应的目标页面。

本公开实施例中，在接收到针对目标微前端子工程的开发请求指令时，直接从服务端加载与开发请求指令对应的目标微前端主工程页面模板，进而避免了现有技术中在本地启动目标微前端主工程项目，且不需要改动目标微前端主工程代码，仅需加载目标微前端主工程页面模板，即可实现目标微前端子工程的运行，流程更简单、提高了运行的性能，同时避免了因多人修改而产生bug的情况，提高了开发的稳定性。

根据第一方面，在一种可能的实施方式中，所述读取所述目标页面模板中的数据列表，包括：

通过访问所述目标页面模板中全局变量的方式读取所述数据列表；其中，所述全局变量存储有所述数据列表的相应赋值。

根据第一方面，在一种可能的实施方式中，所述读取所述目标页面模板中的数据列表，还包括：

在所述全局变量为空的情况下，通过调用所述数据列表接口的方式读取所述数据列表。