[发明专利]构建微前端应用的方法和装置在审

专利信息
申请号: 202110449508.X 申请日: 2021-04-25
公开(公告)号: CN113760324A 公开(公告)日: 2021-12-07
发明(设计)人: 马国华;肖宁;周廉贵;秦杰;饶恩慧;任凤烨;张晨 申请(专利权)人: 北京沃东天骏信息技术有限公司;北京京东世纪贸易有限公司
主分类号: G06F8/65 分类号: G06F8/65;G06F8/61;G06F9/54
代理公司: 中原信达知识产权代理有限责任公司 11219 代理人: 韩黎捷;郭晗
地址: 100176 北京市北京经济技术*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 构建 前端 应用 方法 装置
【权利要求书】:

1.一种构建微前端应用的方法,其特征在于,所述微前端应用包括主应用和子应用,所述方法包括:

定义微应用标签,并通过所述微应用标签创建阴影文档对象模型以生成微应用web原生组件;

响应于微前端应用构建操作,根据所述子应用的域名地址获取所述子应用域名下的静态资源;

将所述静态资源插入到所述阴影文档对象模型中,以将所述子应用的元素渲染到所述阴影文档对象模型中,以在所述主应用中引入所述子应用。

2.根据权利要求1所述的方法,其特征在于,定义微应用标签之后,还包括:

注册监听方法以监听所述微应用标签是否被渲染或被卸载。

3.根据权利要求1所述的方法,其特征在于,在将所述静态资源插入到所述阴影文档对象模型中之前,还包括:

将所述子应用的页面文档对象进行重写,当从所述子应用中获取元素时,将指向从所述阴影文档对象模型中获取元素。

4.根据权利要求1所述的方法,其特征在于,还包括:当所述子应用的域名地址发生变化时,进行所述子应用的静态资源更新。

5.根据权利要求4所述的方法,其特征在于,进行所述子应用的静态资源更新包括:

生成自定义的子应用卸载事件,以使所述子应用通过监听到的卸载事件进行所述子应用的卸载;

根据变化后的域名地址获取更新后的静态资源,将获取到的更新后的静态资源插入到所述阴影文档对象模型中以进行所述子应用的静态资源更新。

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

当所述子应用被所述主应用卸载时,生成自定义的子应用卸载事件,以使所述子应用通过监听到的卸载事件进行所述子应用的卸载。

7.一种构建微前端应用的装置,其特征在于,所述微前端应用包括主应用和子应用,所述装置包括:

组件创建模块,用于定义微应用标签,并通过所述微应用标签创建阴影文档对象模型以生成微应用web原生组件;

资源获取模块,用于响应于微前端应用构建操作,根据所述子应用的域名地址获取所述子应用域名下的静态资源;

元素渲染模块,用于将所述静态资源插入到所述阴影文档对象模型中,以将所述子应用的元素渲染到所述阴影文档对象模型中,以在所述主应用中引入所述子应用。

8.根据权利要求7所述的装置,其特征在于,还包括文件重写模块,用于:

在将所述静态资源插入到所述阴影文档对象模型中之前,将所述子应用的页面文档对象进行重写,当从所述子应用中获取元素时,将指向从所述阴影文档对象模型中获取元素。

9.一种构建微前端应用的电子设备,其特征在于,包括:

一个或多个处理器;

存储装置,用于存储一个或多个程序,

当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-6中任一所述的方法。

10.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-6中任一所述的方法。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京沃东天骏信息技术有限公司;北京京东世纪贸易有限公司,未经北京沃东天骏信息技术有限公司;北京京东世纪贸易有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/202110449508.X/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top