System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种微前端的资源获取方法、装置及相关产品制造方法及图纸_技高网

一种微前端的资源获取方法、装置及相关产品制造方法及图纸

技术编号:41096145 阅读:2 留言:0更新日期:2024-04-25 13:54
本申请实施例提供了一种微前端的资源获取方法、装置及相关产品。通过包括注册中心的第一配置界面展示应用配置以及应用配置的基本信息,用户可以在第一配置界面直接选择触发想要启动的第一应用配置。然后解析第一应用配置的基本信息,获取第一应用配置的模块标识和解析地址。最后根据模块标识和解析地址既可以获取微前端资源。如此小型应用可以通过第一配置界面的启动操作,既可以获取微前端资源,提升了维护效率。

【技术实现步骤摘要】

本申请涉及计算机,尤其涉及一种微前端的资源获取方法、装置及相关产品


技术介绍

1、微前端是一种由独立交付的多个前端应用组成整体的技术。具体来讲,微前端将前端应用拆解成独立开发、独立部署的小型应用。微前端具有简单、松耦合的代码库,且可容易维护等,应用日渐广泛。然而,目前拆解的小型应用均由基座进行统一管理,无法独立登录,以获取微前端的资源,这导致随着项目迭代应用增加,维护效率低。


技术实现思路

1、本申请实施例提供了一种微前端的资源获取方法、装置及相关产品,用于使拆解后的小型应用可以独立登录,获取微前端资源,提升维护效率。

2、第一方面,本申请实施例提供了一种微前端的资源获取方法,所述方法包括:

3、展示第一配置界面,所述第一配置界面包括注册中心,所述注册中心包括应用配置以及所述应用配置的基本信息,所述基本信息包括唯一标识所述应用配置的模块标识,以及包括获取微应用的解析地址;

4、响应于在所述第一配置界面的启动操作,解析第一应用配置的基本信息,获取所述第一应用配置的模块标识和解析地址,所述启动操作用于触发所述第一应用配置启动;

5、根据所述模块标识和所述解析地址获取微前端的资源。

6、可选地,所述应用配置包括父配置和所述父配置对应的子配置,所述父配置和所述对应的子配置具有属性继承关,所述属性包括样式隔离、元素隔离、和前置路由。

7、可选地,所述方法还包括:

8、响应于在所述第一配置界面的触发操作,进入第二应用配置的第二配置界面;所述第二配置界面用于配置所述第二应用配置的基本信息;

9、在所述第二配置界面配置所述第二应用配置的基本信息。

10、可选地,所述基本信息还包括虚拟路由,所述方法还包括:

11、获取当前应用配置的前置路由和动态路由;

12、拼接所述前置路由和所述动态路由,获取所述当前应用配置的虚拟路由。

13、可选地,所述方法还包括:

14、基于pnpm依赖包和全局属性,构建数据共享中心;所述数据共享中心共享登录信息、请求信息和页面信息。

15、可选地,所述pnpm依赖包包括以下一项或多项:

16、全局解析地址共享一个实例的依赖包、多模块共用一个登录页面的依赖包、微前端资源管理器依赖包和微前端核心依赖包。

17、可选地,所述方法还包括:

18、利用沙箱机制,以保护所述全局属性。

19、第二方面,本申请实施例提供了一种微前端的资源获取装置,所述装置包括:

20、展示单元,用于展示第一配置界面,所述第一配置界面包括注册中心,所述注册中心包括应用配置以及所述应用配置的基本信息,所述基本信息包括唯一标识所述应用配置的模块标识,以及包括获取微应用的解析地址;

21、解析单元,用于响应于在所述第一配置界面的启动操作,解析第一应用配置的基本信息,获取所述第一应用配置的模块标识和解析地址,所述启动操作用于触发所述第一应用配置启动;

22、获取单元,用于根据所述模块标识和所述解析地址获取微前端的资源。

23、第三方面,本申请实施例提供了一种电子设备,包括:存储器和处理器;

24、所述存储器,用于存储计算机程序;

25、所述处理器,用于执行所述计算机程序时实现如第一方面任一项所述方法步骤。

26、第四方面,本申请实施例提供了一种可读存储介质,所述可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如第一方面任一项所述方法的步骤。

27、有益效果:

28、本申请实施例提供了一种微前端的资源获取方法、装置及相关产品。通过包括注册中心的第一配置界面展示应用配置以及应用配置的基本信息,用户可以在第一配置界面直接选择触发想要启动的第一应用配置。然后解析第一应用配置的基本信息,获取第一应用配置的模块标识和解析地址。最后根据模块标识和解析地址既可以获取微前端资源。如此小型应用可以通过第一配置界面的启动操作,既可以获取微前端资源,提升了维护效率。

本文档来自技高网...

【技术保护点】

1.一种微前端的资源获取方法,其特征在于,所述方法包括:

2.根据权利要求1所述方法,其特征在于,所述应用配置包括父配置和所述父配置对应的子配置,所述父配置和所述对应的子配置具有属性继承关,所述属性包括样式隔离、元素隔离、和前置路由。

3.根据权利要求1所述方法,其特征在于,所述方法还包括:

4.根据权利要求1所述方法,其特征在于,所述基本信息还包括虚拟路由,所述方法还包括:

5.根据权利要求1-4任一项所述方法,其特征在于,所述方法还包括:

6.根据权利要求5所述方法,其特征在于,所述pnpm依赖包包括以下一项或多项:

7.根据权利要求5所述方法,其特征在于,所述方法还包括:

8.一种微前端的资源获取装置,其特征在于,所述装置包括:

9.一种电子设备,其特征在于,包括:

10.一种可读存储介质,其特征在于,所述可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述方法的步骤。

【技术特征摘要】

1.一种微前端的资源获取方法,其特征在于,所述方法包括:

2.根据权利要求1所述方法,其特征在于,所述应用配置包括父配置和所述父配置对应的子配置,所述父配置和所述对应的子配置具有属性继承关,所述属性包括样式隔离、元素隔离、和前置路由。

3.根据权利要求1所述方法,其特征在于,所述方法还包括:

4.根据权利要求1所述方法,其特征在于,所述基本信息还包括虚拟路由,所述方法还包括:

5.根据权利要求1-4任一项所述方法,...

【专利技术属性】
技术研发人员:贾康宁顾辉
申请(专利权)人:太保科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1