全网唯一标准王
(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210233773.9 (22)申请日 2022.03.10 (71)申请人 腾讯音乐娱乐科技 (深圳) 有限公司 地址 518000 广东省深圳市前海深港合作 区前湾一路1号A栋201室 (72)发明人 滕茂清  (74)专利代理 机构 北京金知睿知识产权代理事 务所(普通 合伙) 11379 专利代理师 谭彦闻 (51)Int.Cl. G06F 9/445(2018.01) G06F 9/448(2018.01) G06F 9/455(2006.01) G06F 21/53(2013.01) (54)发明名称 基于微前端架构的子应用运行方法、 电子设 备及存储介质 (57)摘要 本申请公开了一种基于微前端架构的子应 用运行方法、 电子设备及存储介质, 涉及互联网 技术领域。 首先构建用于在 主应用中运行的子应 用的入口组件, 首先响应于加载子应用的触发请 求, 获取主应用资源, 再利用入口组件依据入口 地址执行子应用资源列表以获取子应用资源, 最 后利用入口组件创建用于子应用的沙箱, 并将子 应用资源注入沙箱, 以加载子应用。 本申请提供 的基于微前端架构的子应用运行方法、 电子设备 及存储介质具有加载更多种脚本语言构建的子 应用、 加载速度更 快以及加载更加便捷的优点。 权利要求书2页 说明书15页 附图16页 CN 114625439 A 2022.06.14 CN 114625439 A 1.一种基于微前端架构的子应用运行 方法, 其特 征在于, 包括: 构建用于在主应用中运行的子应用的入口组件; 响应于加载 所述子应用的触发请求, 获取主应用资源; 解析所述主应用资源, 以获取 可执行的子应用资源列表; 加载所述入口组件, 并获取 所述子应用的入口地址; 利用所述入口组件依据所述入口地址执 行所述子应用资源列表以获取子应用资源; 利用所述入口组件创建用于所述子应用的沙箱, 并将所述子应用资源注入所述沙箱, 以加载所述子应用。 2.如权利要求1所述的子应用运行方法, 其特征在于, 所述子应用为基于ES模块实现的 子应用。 3.如权利要求1或2所述的子应用运行方法, 其特征在于, 创建用于所述子应用的沙箱, 包括: 创建用于所述沙箱的窗口代理, 所述窗口代理对接所述主应用的窗口对象和所述沙 箱。 4.如权利要求3所述的子应用运行 方法, 其特 征在于, 所述方法还 包括: 响应于所述子应用访问第 一目标变量的请求, 确定所述沙箱内是否存在所述第 一目标 变量; 若是, 则将所述沙箱中的第一目标变量发送至所述子应用; 若否, 则通过所述窗口代理将所述主应用窗口对象中的第 一目标变量发送至所述子应 用。 5.如权利要求3所述的子应用运行 方法, 其特 征在于, 所述方法还 包括: 响应于所述子应用设置第 二目标变量的请求, 确定所述沙箱内是否存在所述第 二目标 变量; 若是, 则对所述沙箱内的所述第二目标变量进行设置; 若否, 则通过 所述窗口代理确定所述主应用窗口对象中的第二目标变量是否可设置; 若是, 则通过 所述窗口代理设置主应用窗口对象中的第二目标变量; 若否, 则保持主应用窗口对象中所述第二目标变量 不变。 6.如权利要求1或2所述的子应用运行 方法, 其特 征在于, 所述方法还 包括: 响应于卸载 所述子应用的触发请求, 卸载 所述入口组件, 以卸载 所述子应用。 7.如权利要求6所述的子应用运行 方法, 其特 征在于, 所述构建用于在主应用中运行的子应用的入口组件, 包括: 定义用于所述子应用的第一 函数和第二 函数; 所述方法还 包括: 在所述子应用被加载后, 记录所述子应用执 行所述第一 函数的操作; 所述响应于卸载所述子应用的触发请求, 卸载所述入口组件, 以卸载所述子应用, 包 括: 清除所述子应用执 行的第一 函数的所述操作。 8.如权利要求7 所述的子应用运行 方法, 其特 征在于, 所述方法还 包括: 在所述子应用被加载后, 记录所述子应用执行所述第 二函数的操作和对所述沙箱的操权 利 要 求 书 1/2 页 2 CN 114625439 A 2作; 所述响应于卸载所述子应用的触发请求, 卸载所述入口组件, 以卸载所述子应用, 还包 括: 保留所述子应用执 行的第二 函数的所述操作和对所述沙箱的所述操作。 9.一种基于微前端架构的子应用运行 方法, 其特 征在于, 包括: 构建用于在主应用中运行的第一子应用的第一入口组件; 构建用于在主应用中运行的第二子应用的第二入口组件; 响应于从所述第一子应用切换到所述第二子应用的触发请求, 获取主应用资源, 卸载 所述第一入口组件以卸载 所述第一子应用; 解析所述主应用资源, 以获取 可执行的第二子应用资源列表; 加载所述第二入口组件, 并获取 所述第二子应用的入口地址; 利用所述第二入口组件依据所述入口地址执行所述第二子应用资源列表以获取第二 子应用资源; 利用所述第 二入口组件创建用于所述第 二子应用的第 二沙箱, 并将所述第 二子应用资 源注入所述第二沙箱, 以加载 所述第二子应用。 10.如权利要求9所述的子应用运行 方法, 其特 征在于, 所述构建用于在主应用中运行的第一子应用的第一入口组件, 包括: 定义用于所述第一子应用的第一 函数和第二 函数; 所述卸载 所述第一入口组件以卸载 所述第一子应用, 包括: 清除所述第一子应用执 行的所述第一 函数的操作。 11.如权利要求9或10所述的子应用运行方法, 其特征在于, 所述第一子应用和第二子 应用为基于 ES模块实现的子应用。 12.一种电子设备, 其特征在于, 包括: 处理器和存储有计算机程序的存储器, 所述处理 器被配置为在运行计算机程序时执 行权利要求1 ‑11中任一项所述的方法。 13.一种存储介质, 其特征在于, 所述存储介质存储有计算机程序, 所述计算机程序配 置成被运行时执 行权利要求1 ‑11中任一项所述的方法。权 利 要 求 书 2/2 页 3 CN 114625439 A 3

.PDF文档 专利 基于微前端架构的子应用运行方法、电子设备及存储介质

文档预览
中文文档 34 页 50 下载 1000 浏览 0 评论 309 收藏 3.0分
温馨提示:本文档共34页,可预览 3 页,如浏览全部内容或当前文档出现乱码,可开通会员下载原始文档
专利 基于微前端架构的子应用运行方法、电子设备及存储介质 第 1 页 专利 基于微前端架构的子应用运行方法、电子设备及存储介质 第 2 页 专利 基于微前端架构的子应用运行方法、电子设备及存储介质 第 3 页
下载文档到电脑,方便使用
本文档由 人生无常 于 2024-03-18 00:04:11上传分享
友情链接
站内资源均来自网友分享或网络收集整理,若无意中侵犯到您的权利,敬请联系我们微信(点击查看客服),我们将及时删除相关资源。