基于微前端的数据处理方法、装置、电子设备及存储介质制造方法及图纸

技术编号:35515429 阅读:15 留言:0更新日期:2022-11-09 14:32
本发明专利技术公开了一种基于微前端的数据处理方法、装置、电子设备及存储介质。其中,上述方法包括:在基座应用加载微应用的路由模块集合;其中,所述路由模块集合包括多个路由模块,所述路由模块与所述微应用一一对应,所述路由模块存储其对应的微应用的前端路由信息;根据所述基座应用的页面路由变化信息确定目标访问路径;根据所述目标访问路径从所述路由模块集合中确定出目标路由模块,并基于所述目标路由模块的前端路由信息获取待加载的页面显示资源;在所述基座应用的页面中展示所述待加载的页面显示资源。本发明专利技术解决了相关技术中web应用开发效率较低,耗费周期较长的技术问题。耗费周期较长的技术问题。耗费周期较长的技术问题。

【技术实现步骤摘要】
基于微前端的数据处理方法、装置、电子设备及存储介质


[0001]本专利技术涉及计算机
,具体而言,涉及一种基于微前端的数据处理方法、装置、电子设备及存储介质。

技术介绍

[0002]随着技术的不断发展,web应用越来越复杂前端技术栈出现层出不穷的框架、类库、各式各样的工程化体系以及跨端实践等使得web前端应用承载的内容也日益复杂,在项目管理中,旧的框架类库升级过程中容易出现各种不兼容问题、业务模块间耦合程度较高,不能很好的进行并行开发,因此造成开发效率较低,耗费周期较长,不能很好的满足日益增长的业务需求。

技术实现思路

[0003]本专利技术实施例提供了一种基于微前端的数据处理方法、装置、电子设备及存储介质,以至少解决相关技术中web应用开发效率较低,耗费周期较长的技术问题。
[0004]根据本专利技术实施例的一个方面,提供了一种基于微前端的数据处理方法,包括:在基座应用加载微应用的路由模块集合;其中,所述路由模块集合包括多个路由模块,所述路由模块与所述微应用一一对应,所述路由模块存储其对应的微应用的前端路由信息;根据所述基座应用的页面路由变化信息确定目标访问路径;根据所述目标访问路径从所述路由模块集合中确定出目标路由模块,并基于所述目标路由模块的前端路由信息获取待加载的页面显示资源;在所述基座应用的页面中展示所述待加载的页面显示资源。
[0005]根据本专利技术实施例的另一方面,还提供了一种基于微前端的数据处理装置,包括:加载单元,用于在基座应用加载微应用的路由模块集合;其中,所述路由模块集合包括多个路由模块,所述路由模块与所述微应用一一对应,所述路由模块存储其对应的微应用的前端路由信息;第一确定单元,用于根据所述基座应用的页面路由变化信息确定目标访问路径;第二确定单元,用于根据所述目标访问路径从所述路由模块集合中确定出目标路由模块,并基于所述目标路由模块的前端路由信息获取待加载的页面显示资源;展示单元,用于在所述基座应用的页面中展示所述待加载的页面显示资源。
[0006]根据本专利技术实施例的又一方面,还提供了一种电子设备,包括存储器和处理器,上述存储器中存储有计算机程序,上述处理器被设置为通过上述计算机程序执行上述的基于微前端的数据处理方法。
[0007]根据本专利技术实施例的又一方面,还提供了一种计算机可读的存储介质,该计算机可读的存储介质中存储有计算机程序,其中,该计算机程序被设置为运行时执行上述基于微前端的数据处理方法。
[0008]在本专利技术实施例中,采用了在基座应用加载微应用的路由模块集合;其中,所述路由模块集合包括多个路由模块,所述路由模块与所述微应用一一对应,所述路由模块存储其对应的微应用的前端路由信息;根据所述基座应用的页面路由变化信息确定目标访问路
径;根据所述目标访问路径从所述路由模块集合中确定出目标路由模块,并基于所述目标路由模块的前端路由信息获取待加载的页面显示资源;在所述基座应用的页面中展示所述待加载的页面显示资源的方法,在上述方法中,由于通过页面路由变化信息来访问不同技术栈的微应用,不仅提高了web应用的开发效率,减少开发时间,同时也提升开发协作效率,进而解决了相关技术中web应用开发效率较低,耗费周期较长的技术问题。
附图说明
[0009]此处所说明的附图用来提供对本专利技术的进一步理解,构成本申请的一部分,本专利技术的示意性实施例及其说明用于解释本专利技术,并不构成对本专利技术的不当限定。在附图中:
[0010]图1是根据本专利技术实施例的一种可选的基于微前端的数据处理方法的应用环境的示意图;
[0011]图2是根据本专利技术实施例的另一种可选的基于微前端的数据处理方法的应用环境的示意图;
[0012]图3是根据本专利技术实施例的一种可选的基于微前端的数据处理方法的流程示意图;
[0013]图4是根据本专利技术实施例的一种可选的基于微前端的数据处理方法的关联结构示意图;
[0014]图5是根据本专利技术实施例的另一种可选的基于微前端的数据处理方法的流程示意图;
[0015]图6是根据本专利技术实施例的一种可选的数据处理装置的结构示意图;
[0016]图7是根据本专利技术实施例的一种可选的电子设备的结构示意图。
具体实施方式
[0017]为了使本
的人员更好地理解本专利技术方案,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本专利技术一部分的实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本专利技术保护的范围。
[0018]需要说明的是,本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
[0019]根据本专利技术实施例的一个方面,提供了一种基于微前端的数据处理方法,可选地,作为一种可选地实施方式,上述基于微前端的数据处理方法可以但不限于应用于如图1所示的应用环境中。该应用环境中包括:与用户进行人机交互的终端设备102、网络104、服务器106。用户108与终端设备102之间可以进行人机交互,终端设备102中运行有基于微前端
的数据处理应用程序。上述终端设备102中包括人机交互屏幕1022,处理器1024及存储器1026。人机交互屏幕1022用于显示基座应用的前端展示页面;处理器1024用于获取页面路由变化信息。存储器1026用于存储上述基座应用的页面路由变化信息和待加载的页面显示资源。
[0020]此外,服务器106中包括数据库1062及处理引擎1064,数据库1062中用于存储基座应用的页面路由变化信息和待加载的页面显示资源。处理引擎1064用于在基座应用加载微应用的路由模块集合;其中,所述路由模块集合包括多个路由模块,所述路由模块与所述微应用一一对应,所述路由模块存储其对应的微应用的前端路由信息;根据所述基座应用的页面路由变化信息确定目标访问路径;根据所述目标访问路径从所述路由模块集合中确定出目标路由模块,并基于所述目标路由模块的前端路由信息获取待加载的页面显示资源;将所述待加载的页面显示资源返回至上述终端设备102的客户端,在所述基座应用的页面中展示所述待加载的页面显示资源。
[0021]在一个或多个实施例中,本申请上述基于微前端的数据处理方法可以应用于图2所示的应用环境中。如图2所示,用户202与用户设备204之间可以进行人机交互。用户设备204中包含有存储器206和处理器208。本实施例中用户设备204可以但不限于参本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种基于微前端的数据处理方法,其特征在于,包括:在基座应用加载微应用的路由模块集合;其中,所述路由模块集合包括多个路由模块,所述路由模块与所述微应用一一对应,所述路由模块存储其对应的微应用的前端路由信息;根据所述基座应用的页面路由变化信息确定目标访问路径;根据所述目标访问路径从所述路由模块集合中确定出目标路由模块,并基于所述目标路由模块的前端路由信息获取待加载的页面显示资源;在所述基座应用的页面中展示所述待加载的页面显示资源。2.根据权利要求1所述的方法,其特征在于,所述根据所述目标访问路径从所述路由模块集合中确定出目标路由模块,并基于所述目标路由模块的前端路由信息获取待加载的页面显示资源,包括:遍历所述路由模块集合中的每个路由模块,确定与所述目标访问路径匹配的目标路由模块;基于所述目标路由模块的前端路由信息,获取目标微应用的页面显示资源。3.根据权利要求2所述的方法,其特征在于,所述确定与所述目标访问路径匹配的目标路由模块,包括:加载所有微应用的应用访问入口资源集合,并获取每个微应用的访问路径集合;将所述目标访问路径与所述访问路径集合中的每个访问路径进行匹配;将匹配上的访问路径对应的路由模块作为目标路由模块。4.根据权利要求1所述的方法,其特征在于,所述根据所述基座应用的页面路由变化信息确定目标访问路径,包括:实时监测所述基座应用是否出现页面路由变化信息;当监测到所述页面路由变化信息时,从所述页面路由变化信息中提取用户当前请求的页面访问路径;将所述页面访问路径作为目标微应用的目标访问路径。5.根据权利要求1所述的方法,其特征在于,所述在基座应用加载微应用的路由模块集合之前,还包括:将每个微应用的前端展示资源通过模块打包工具分别进行封装,得到每个微应用...

【专利技术属性】
技术研发人员:钱维维
申请(专利权)人:康键信息技术深圳有限公司
类型:发明
国别省市:

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

1