System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 微前端应用运行方法、装置、计算设备和存储介质制造方法及图纸_技高网

微前端应用运行方法、装置、计算设备和存储介质制造方法及图纸

技术编号:41219415 阅读:2 留言:0更新日期:2024-05-09 23:40
本申请提供一种微前端应用运行方法、微前端应用运行装置、计算设备和计算机可读存储介质。方法由微前端应用中的子应用执行,微前端应用还包括主应用,方法包括:接收用户发起的执行操作的请求;生成第一指令,第一指令包括创建命令和逻辑文件的参数,创建命令用于主应用创建子线程,逻辑文件包括用于执行操作的逻辑代码;将第一指令发送至主应用,以使主应用创建子线程,并在子线程中运行逻辑文件,子线程独立于主应用的主线程。根据本申请,能够在主应用中运行子应用的逻辑文件,从而使得操作不会因为子应用的页面切换而发生中断,保持操作的连续性,提升用户体验。

【技术实现步骤摘要】

本专利技术涉及前端应用软件,特别涉及一种微前端应用运行方法、微前端应用运行装置、计算设备和计算机可读存储介质。


技术介绍

1、微前端应用是本领域中常见的前端应用程序架构。微前端应用中通常包括一个主应用和多个子应用,子应用之间相互解耦,可以独立开发,从而提升了整个微前端应用的开发便利性。但是,由于子应用之间相互隔离,某个子应用在进行操作时,会因为页面切换到其它子应用而中断或结束,导致操作无法保持连续性。因此,本领域亟需一种能够适用于微前端应用的微前端应用运行方法,使得操作不会因为子应用或者主应用的页面切换而中断。


技术实现思路

1、为此,本申请致力于提供一种微前端应用运行方法、微前端应用运行装置、计算设备和计算机可读存储介质,其能够在主应用中运行子应用的逻辑文件,保持操作的连续性,提升用户体验。

2、在一方面,本申请提供一种微前端应用运行方法,方法由微前端应用中的子应用执行,微前端应用还包括主应用,方法包括:接收用户发起的执行操作的请求;生成第一指令,第一指令包括创建命令和逻辑文件的参数,创建命令用于主应用创建子线程,逻辑文件包括用于执行操作的逻辑代码;将第一指令发送至主应用,以使主应用基于第一指令创建子线程,并在子线程中运行逻辑文件,子线程独立于主应用的主线程。

3、根据本方面,通过在主应用中创建独立于主线程的子线程,通过子线程来运行子应用中的用于执行操作的逻辑文件,使得逻辑文件的运行不会因为子应用的结束或切换而中断,运行时间与主应用保持一致,从而能够保证操作任务得到连续执行,提升了操作的持续性和便利性,改善了用户体验。另外,通过生成创建命令来创建子线程,能够赋予子应用控制子线程的创建的功能,使得子应用能够通过创建命令来控制主应用的创建子线程的行为,从而为子线程提供更加灵活便捷的操作能力,扩展了子应用与主应用的交互场景。

4、在本申请一特别实施例中,子线程包括webworker线程。

5、在本实施例中,webworker线程是html5技术中提供的一种创建子线程的方法。通过该方法,主应用能够利用现有的前端技术创建一个独立线程,从而降低开发难度,提升本申请技术方案的成本效益。

6、在本申请一特别实施例中,参数包括逻辑文件的地址。

7、在本实施例中,通过将参数限定为逻辑文件的地址,使得子线程在运行时能够通过主应用和子应用的通信渠道找到相应的逻辑文件,从而对其进行相应的运行操作。这样使得子线程与逻辑文件之间的通信更加顺畅,更易于确定需要运行的是哪个逻辑文件。

8、在本申请一特别实施例中,在将逻辑文件的参数发送至主应用之后,方法还包括:接收主应用发送的子线程的标识。

9、在本实施例中,通过给子线程赋予标识,使得子应用可以准确定位和找到相应的子线程,从而与子线程进行准确的交互和控制,使得子线程可以灵活控制子线程的生命周期和运行情况。

10、在本申请一特别实施例中,操作包括上传文件,所述方法还包括:将待上传文件发送给子线程,以便子线程基于所述逻辑文件的运行,将待上传文件上传到微前端应用的后端。

11、在本实施例中,上传文件是本申请技术方案的一个重要应用场景。上传文件尤其是大文件的时候,如果上传进程会因为切换子应用的界面而中断,将非常影响用户体验。在本实施例的上传操作中,通过创建子线程,由主应用的子线程来运行上传逻辑,使得文件的上传不会因为子应用的切换或关闭而中断,从而显著提升操作的持续性和易用性。

12、在本申请一特别实施例中,方法还包括:根据主应用发送的子线程的标识,在主应用中查询子线程的上传状态;根据查询结果,在子应用的界面显示上传进度。

13、在本实施例中,为子应用的上传操作提供了查询上传进度的功能,使得用户可以随时查看上传进度,准确预估等待时间,从而方便用户安排时间。

14、在本申请一特别实施例中,操作包括获取主应用数据,逻辑文件还包括用于获取主应用数据的查询逻辑文件,在子线程中运行逻辑文件,包括:在子线程中运行查询逻辑文件,以获取主应用的数据。

15、在本实施例中,获取主应用数据是本申请技术方案的另一个重要应用场景。通过在主应用中创建的子线程来执行查询操作,可以避免子应用频繁访问后端,再重新计算数据,而是直接获取主应用计算好的数据,使得数据查询操作更加方便快捷。

16、在本申请一特别实施例中,方法还包括:根据主应用发送的子线程的标识,在主应用中查询子线程的数据获取结果;将所获取的数据显示在子应用的界面。

17、在本实施例中,通过提供查询子线程的数据获取进度的功能,能够为用户提供等待时间的准确预估,避免用户焦急等待,从而提升用户体验和操作便易性。

18、在本申请一特别实施例中,方法还包括:查询子线程的状态,判断操作是否完成;若完成,向主应用发送结束子线程的结束请求,以使主应用根据结束请求结束子线程。

19、在本实施例中,子应用通过查询子线程的状态而决定是否需要结束子线程,使得子线程在不工作的时候能够得到及时清理,避免大量子线程占用资源和内存,消耗设备资源,导致系统运行效率低下。

20、在另一方面,本申请提供一种微前端应用运行方法,方法由微前端应用中的主应用执行,微前端应用还包括子应用,方法包括:接收子应用发送的第一指令,第一指令包括创建命令和逻辑文件的参数,逻辑文件由子应用根据用户发起的执行操作的请求而生成,逻辑文件包括用于执行操作的逻辑代码;基于第一指令创建主应用的子线程,子线程独立于主应用的主线程;在子线程中运行逻辑文件。

21、在本申请一特别实施例中,子线程包括webworker线程。

22、在本申请一特别实施例中,参数包括逻辑文件的地址。

23、在本申请一特别实施例中,在创建主应用的子线程之后,方法还包括:生成子线程的标识;

24、将标识发送至子应用。

25、在本申请一特别实施例中,操作包括上传文件,所述方法还包括:通过子线程接收子应用发送的待上传文件;通过子线程基于逻辑文件的运行,将待上传文件上传到微前端应用的后端。

26、在本申请一特别实施例中,方法还包括:接收子应用的查询请求,查询请求包括主应用发送的子线程的标识;基于子线程的标识查询子线程的上传状态;将查询结果发送至子应用,以使子应用在子应用的界面显示上传进度。

27、在本申请一特别实施例中,操作包括获取主应用数据,逻辑文件包括用于获取主应用数据的查询逻辑文件,在子线程中运行逻辑文件,包括:在子线程中运行查询逻辑文件,以获取主应用的数据。

28、在本申请一特别实施例中,方法还包括:接收子应用的查询请求,查询请求包括主应用发送的子线程的标识;基于子线程的标识查询子线程的数据获取结果;将查询结果发送至子应用,以使子应用将所获取的数据显示在子应用的界面。

29、在本申请一特别实施例中,方法还包括:监测子线程的状态,判断子线程是否本文档来自技高网...

【技术保护点】

1.一种微前端应用运行方法,其特征在于,所述方法由微前端应用中的子应用执行,所述微前端应用还包括主应用,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述子线程包括WebWorker线程。

3.根据权利要求1所述的方法,其特征在于,所述参数包括所述逻辑文件的地址。

4.根据权利要求1-3中任意一项所述的方法,其特征在于,在所述将所述逻辑文件的参数发送至所述主应用之后,所述方法还包括:

5.根据权利要求1所述的方法,其特征在于,所述操作包括上传文件,所述方法还包括:

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

7.根据权利要求4所述的方法,其特征在于,所述操作包括获取主应用数据,所述逻辑文件还包括用于获取主应用数据的查询逻辑文件,所述在所述子线程中运行所述逻辑文件,包括:

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

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

10.一种微前端应用运行方法,其特征在于,所述方法由微前端应用中的主应用执行,所述微前端应用还包括子应用,所述方法包括:

11.根据权利要求10所述的方法,其特征在于,所述子线程包括WebWorker线程。

12.根据权利要求10所述的方法,其特征在于,所述参数包括所述逻辑文件的地址。

13.根据权利要求10-12中任意一项所述的方法,其特征在于,在所述创建所述主应用的子线程之后,所述方法还包括:

14.根据权利要求10所述的方法,其特征在于,所述操作包括上传文件,所述方法还包括:

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

16.根据权利要求10所述的方法,其特征在于,所述操作包括获取主应用数据,所述逻辑文件还包括用于获取主应用数据的查询逻辑文件,所述在所述子线程中运行所述逻辑文件,包括:

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

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

19.一种计算设备,其特征在于,所述计算设备包括处理器和存储器,所述处理器用于执行存储于所述存储器内的计算机程序以实现权利要求1至18中任一项所述的微前端应用运行方法。

...

【技术特征摘要】

1.一种微前端应用运行方法,其特征在于,所述方法由微前端应用中的子应用执行,所述微前端应用还包括主应用,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述子线程包括webworker线程。

3.根据权利要求1所述的方法,其特征在于,所述参数包括所述逻辑文件的地址。

4.根据权利要求1-3中任意一项所述的方法,其特征在于,在所述将所述逻辑文件的参数发送至所述主应用之后,所述方法还包括:

5.根据权利要求1所述的方法,其特征在于,所述操作包括上传文件,所述方法还包括:

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

7.根据权利要求4所述的方法,其特征在于,所述操作包括获取主应用数据,所述逻辑文件还包括用于获取主应用数据的查询逻辑文件,所述在所述子线程中运行所述逻辑文件,包括:

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

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

10.一种微前端应用运行方法,其特征在于,所述方法由微前端应用中的主应用执行,所述微前端应用还包...

【专利技术属性】
技术研发人员:冯浩霖
申请(专利权)人:超聚变数字技术有限公司
类型:发明
国别省市:

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

1