基于微前端的应用开发方法、装置与流程

本公开涉及互联网，尤其涉及一种基于微前端的应用开发方法、装置。

背景技术：

1、随着科学技术的发展，微前端是将全球广域网(world wide web，web)应用由单一的单体应用转变为多个小型前端应用聚合为一的一种手段，即微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。例如，可以基于微前端架构的云产品统一接入平台，将其微前端内核抽取出来并开源，或者可以从架构层面将多个独立交付的前端应用组成整体，这样的架构仍然是内聚的单个产品。但是，当产品框架不统一时，微前端接入步骤繁琐，接入成本比较高，使得应用开发的便利性较差。

技术实现思路

1、本公开提供一种基于微前端的应用开发方法、装置，以至少解决相关技术中应用开发便利性较差的问题。本公开的技术方案如下：

2、根据本公开实施例的第一方面，提供一种基于微前端的应用开发方法，包括：

3、根据当前主应用对应的框架信息，获取与所述当前主应用对应的软件开发工具包；

4、根据所述当前主应用的业务需求和所述软件开发工具包，获取所述当前主应用对应的接入操作信息；

5、在所述当前主应用的至少一个子应用的页面区块上，对所述至少一个子应用执行与所述接入操作信息对应的操作，以将所述至少一个子应用接入微前端系统。

6、可选的，所述根据当前主应用对应的框架信息，获取与所述当前主应用对应的软件开发工具包之前还包括：

7、在框架信息集合展示页面中，获取针对当前主应用输入的选择指令；

8、根据所述选择指令，确定与所述当前主应用对应的框架信息。

9、可选的，所述在所述当前主应用的至少一个子应用的页面区块上，对所述至少一个子应用执行与所述接入操作信息对应的操作，包括：

10、根据所述接入操作信息，获取并缓存所述至少一个子应用对应的子应用资源；

11、在所述至少一个子应用对应的页面区块上加载所述子应用资源；

12、根据所述子应用资源，渲染所述至少一个子应用对应的页面元素。

13、可选的，所述根据所述子应用资源，渲染所述至少一个子应用对应的页面元素之后，还包括：

14、在确定所述至少一个子应用对应的页面元素渲染完成时，触发所述至少一个子应用对应的生命周期钩子函数，发送第一通知信息至所述当前主应用，其中，所述第一通知信息用于指示所述至少一个子应用接入所述微前端系统。

15、可选的，所述获取并缓存所述至少一个子应用对应的子应用资源，包括：

16、确定与所述至少一个子应用对应的应用程序编程组件；

17、控制所述应用程序编程组件根据所述当前主应用的字段信息，获取并缓存所述至少一个子应用对应的子应用资源。

18、可选的，所述确定与所述至少一个子应用对应的应用程序编程组件，包括：

19、获取所述至少一个子应用对应的接入级别信息，其中，所述接入级别信息包括组件级别接入信息或者路由级别接入信息；

20、根据所述接入级别信息，确定与所述至少一个子应用对应的应用程序编程组件。

21、可选的，所述方法还包括：

22、响应于获取到的卸载操作信息，确定所述当前主应用中与所述卸载操作信息对应的至少一个子应用；

23、控制所述当前主应用在所述至少一个子应用的页面区块上卸载所述至少一个子应用对应的子应用资源；

24、在确定所述至少一个子应用对应的子应用资源卸载完成时，触发所述至少一个子应用对应的卸载钩子函数，发送第二通知信息至所述当前主应用，其中，所述第二通知信息用于指示所述微前端系统中的所述至少一个子应用已卸载。

25、根据本公开实施例的第二方面，提供一种基于微前端的应用开发装置，包括：

26、工具包获取单元，被配置为执行根据当前主应用对应的框架信息，获取与所述当前主应用对应的软件开发工具包；

27、信息获取单元，被配置为执行根据所述当前主应用的业务需求和所述软件开发工具包，获取所述当前主应用对应的接入操作信息；

28、操作执行单元，被配置为执行在所述当前主应用的至少一个子应用的页面区块上，对所述至少一个子应用执行与所述接入操作信息对应的操作，以将所述至少一个子应用接入微前端系统。

29、根据本公开实施例的第三方面，提供一种服务器，包括：

30、处理器；

31、用于存储所述处理器可执行指令的存储器；

32、其中，所述处理器被配置为执行所述指令，以实现前述一方面中任一项所述的基于微前端的应用开发方法。

33、根据本申请的第四方面，提供了一种存储介质，当所述存储介质中的指令由服务器的处理器执行时，使得服务器能够执行前述一方面中任一项所述的基于微前端的应用开发方法。

34、根据本申请的第五方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现前述一方面中任一项所述的方法。

35、本公开的实施例提供的技术方案至少带来以下有益效果：

36、在一些或者相关实施例中，通过根据当前主应用对应的框架信息，获取与当前主应用对应的软件开发工具包；根据当前主应用的业务需求和软件开发工具包，获取当前主应用对应的接入操作信息；在当前主应用的至少一个子应用的页面区块上，对至少一个子应用执行与接入操作信息对应的操作，以将至少一个子应用接入微前端系统中或者将微前端系统中的至少一个子应用卸载。因此，基于框架信息，获取软件开发工具包，可以根据不同的业务需求对至少一个子应用执行与接入操作信息对应的操作，减少不同的框架信息不统一，使得微前端接入步骤繁琐，导致无法对至少一个子应用执行与接入操作信息对应的操作的情况，可以简化操作步骤，降低子应用接入微前端系统成本，提高微前端系统应用开发便利性。

37、应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

技术特征：

1.一种基于微前端的应用开发方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述根据当前主应用对应的框架信息，获取与所述当前主应用对应的软件开发工具包之前还包括：

3.根据权利要求1所述的方法，其特征在于，所述在所述当前主应用的至少一个子应用的页面区块上，对所述至少一个子应用执行与所述接入操作信息对应的操作，包括：

4.根据权利要求3所述的方法，其特征在于，所述根据所述子应用资源，渲染所述至少一个子应用对应的页面元素之后，还包括：

5.根据权利要求3所述的方法，其特征在于，所述获取并缓存所述至少一个子应用对应的子应用资源，包括：

6.根据权利要求5所述的方法，其特征在于，所述确定与所述至少一个子应用对应的应用程序编程组件，包括：

7.根据权利要求1所述的方法，其特征在于，所述方法还包括：

8.一种基于微前端的应用开发装置，其特征在于，包括：

9.一种服务器，其特征在于，包括：

10.一种存储介质，当所述存储介质中的指令由服务器的处理器执行时，使得服务器能够执行如权利要求1至7中任一项所述的方法。

技术总结
本公开涉及互联网技术领域，尤其涉及一种基于微前端的应用开发方法、装置。其中，该基于微前端的应用开发方法，包括：根据当前主应用对应的框架信息，获取与所述当前主应用对应的软件开发工具包；根据所述当前主应用的业务需求和所述软件开发工具包，获取所述当前主应用对应的接入操作信息；在所述当前主应用的至少一个子应用的页面区块上，对所述至少一个子应用执行与所述接入操作信息对应的操作，以将所述至少一个子应用接入微前端系统。采用本公开可以降低子应用接入微前端系统成本，提高微前端系统应用开发便利性。

技术研发人员：毕建浩
受保护的技术使用者：北京达佳互联信息技术有限公司
技术研发日：
技术公布日：2024/1/13