基于微前端架构的子应用运行方法、电子设备及存储介质技术

本申请公开了一种基于微前端架构的子应用运行方法、电子设备及存储介质，涉及互联网技术领域。首先构建用于在主应用中运行的子应用的入口组件，首先响应于加载子应用的触发请求，获取主应用资源，再利用入口组件依据入口地址执行子应用资源列表以获取子应用资源，最后利用入口组件创建用于子应用的沙箱，并将子应用资源注入沙箱，以加载子应用。本申请提供的基于微前端架构的子应用运行方法、电子设备及存储介质具有加载更多种脚本语言构建的子应用、加载速度更快以及加载更加便捷的优点。应用、加载速度更快以及加载更加便捷的优点。应用、加载速度更快以及加载更加便捷的优点。

【技术实现步骤摘要】
基于微前端架构的子应用运行方法、电子设备及存储介质


[0001]本专利技术涉及互联网
，具体地涉及基于微前端架构的子应用运行的方法、电子设备及存储介质。

技术介绍

[0002]随着互联网行业的快速发展，应用程序的项目复杂度剧增，业务需求也愈发庞杂。为了提高开发效率，前后端分离的架构已逐渐普及，前端和后端的开发、构建、部署和运行等流程都是独立运行。
[0003]随着前端工程化的兴起，前端应用体量也越来越大。因此，微前端技术架构被提出。微前端作为一种最近新的架构，在大型应用转变成多个更小、更简单的能够独立开发、测试、部署的小型应用的聚合。
[0004]目前已知的微前端架构的实现方案可以基于singleSPA、Qiankun等微前端框架来实现。
[0005]然而，当前的singleSPA、Qiankun等微前端框架可能不支持利用某些脚本语言构建模块来构建子应用。
[0006]同时，当前的singleSPA、Qiankun等微前端框架需要与主应用框架同步加载，这可能会影响主应用的存储空间大小以及主应用的加载速度。<本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于微前端架构的子应用运行方法，其特征在于，包括：构建用于在主应用中运行的子应用的入口组件；响应于加载所述子应用的触发请求，获取主应用资源；解析所述主应用资源，以获取可执行的子应用资源列表；加载所述入口组件，并获取所述子应用的入口地址；利用所述入口组件依据所述入口地址执行所述子应用资源列表以获取子应用资源；利用所述入口组件创建用于所述子应用的沙箱，并将所述子应用资源注入所述沙箱，以加载所述子应用。2.如权利要求1所述的子应用运行方法，其特征在于，所述子应用为基于ES模块实现的子应用。3.如权利要求1或2所述的子应用运行方法，其特征在于，创建用于所述子应用的沙箱，包括：创建用于所述沙箱的窗口代理，所述窗口代理对接所述主应用的窗口对象和所述沙箱。4.如权利要求3所述的子应用运行方法，其特征在于，所述方法还包括：响应于所述子应用访问第一目标变量的请求，确定所述沙箱内是否存在所述第一目标变量；若是，则将所述沙箱中的第一目标变量发送至所述子应用；若否，则通过所述窗口代理将所述主应用窗口对象中的第一目标变量发送至所述子应用。5.如权利要求3所述的子应用运行方法，其特征在于，所述方法还包括：响应于所述子应用设置第二目标变量的请求，确定所述沙箱内是否存在所述第二目标变量；若是，则对所述沙箱内的所述第二目标变量进行设置；若否，则通过所述窗口代理确定所述主应用窗口对象中的第二目标变量是否可设置；若是，则通过所述窗口代理设置主应用窗口对象中的第二目标变量；若否，则保持主应用窗口对象中所述第二目标变量不变。6.如权利要求1或2所述的子应用运行方法，其特征在于，所述方法还包括：响应于卸载所述子应用的触发请求，卸载所述入口组件，以卸载所述子应用。7.如权利要求6所述的子应用运行方法，其特征在于，所述构建用于在主应用中运行的子应用的入口组件，包括：定义用于所述子应用的第一函数和第二函数；所述方法还包括：在所述子应用被加载后，记录所述子应用执行所述第一函数的操作；所述响应于卸载所述子...

【专利技术属性】
技术研发人员：滕茂清，
申请(专利权)人：腾讯音乐娱乐科技深圳有限公司，
类型：发明
国别省市：