基于前端技术的微前端实现方法、装置、终端及存储介质制造方法及图纸

本申请实施例公开了一种基于前端技术的微前端实现方法、装置、终端及存储介质。本方案通过接收针对主应用中目标子应用的运行请求；确定目标子应用对应的业务场景，并根据业务场景从多个预设的运行模式中选取目标子应用的指定运行模式；获取目标子应用的JS文件，将JS文件添加至iframe沙箱；在iframe沙箱中，基于指定运行模型，采取间断方式执行JS文件，以此，可以完善微前端的多种功能。可以完善微前端的多种功能。可以完善微前端的多种功能。

【技术实现步骤摘要】
基于前端技术的微前端实现方法、装置、终端及存储介质


[0001]本申请涉及计算机
，具体涉及一种基于前端技术的微前端实现方法、装置、终端及存储介质。

技术介绍

[0002]目前，在进行前端开发的过程中，开发工程越来越庞大，并且产品功能复杂，代码冲突频繁，影响面巨大。针对这一系列的问题，微前端应运而生。微前端借鉴后端微服务的概念，将一个巨大的前端工程拆分成一个个的小工程，这些小工程完全具备独立开发、运行能力。整个系统由这些小工程协同合作，实现所有页面的展示与交互。
[0003]现有的微前端在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、应用共享等用户核心诉求都或存在问题，或无法提供支持。

技术实现思路

[0004]本申请实施例提供一种基于前端技术的微前端实现方法、装置、终端及存储介质，可以完善微前端的多种功能。
[0005]本申请实施例提供了一种基于前端技术的微前端实现方法，包括：
[0006]接收针对主应用中目标子应用的运行请求；<br/>[0007]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于前端技术的微前端实现方法，其特征在于，所述方法包括：接收针对主应用中目标子应用的运行请求；确定所述目标子应用对应的业务场景，并根据所述业务场景从多个预设的运行模式中选取所述目标子应用的指定运行模式；获取所述目标子应用的JS文件，将所述JS文件添加至iframe沙箱；在所述iframe沙箱中，基于所述指定运行模型，采取间断方式执行所述JS文件。2.根据权利要求1所述的方法，其特征在于，所述采取间断方式执行所述JS文件，包括：创建回调函数，将所述JS文件的执行包裹在所述回调函数中；在执行所述JS文件后，通过所述回调函数返回响应外部的输入。3.根据权利要求1所述的方法，其特征在于，在所述采取间断方式执行所述JS文件之前，所述方法还包括：获取所述JS文件的文件大小；若所述文件大小大于指定文件大小，则对所述JS文件进行拆包处理，得到多个JS子文件；所述采取间断方式执行所述JS文件，包括：采取间断方式执行所述多个JS子文件。4.根据权利要求1所述的方法，其特征在于，所述方法还包括：获取所述目标子应用的文档对象模型；将所述文档对象模型添加至web component组件的目标容器中。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：采用数据劫持的方式将iframe沙箱中对文档对象模型的操作劫持至所述web component组件的目标容器中。6.根据权利...

【专利技术属性】
技术研发人员：周凯，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：