[发明专利]一种微前端系统在审
| 申请号: | 202111063475.1 | 申请日: | 2021-09-10 |
| 公开(公告)号: | CN113821194A | 公开(公告)日: | 2021-12-21 |
| 发明(设计)人: | 张矗;高翔 | 申请(专利权)人: | 上海云轴信息科技有限公司 |
| 主分类号: | G06F8/30 | 分类号: | G06F8/30;G06F9/445;G06F9/448;G06F9/54 |
| 代理公司: | 上海百一领御专利代理事务所(普通合伙) 31243 | 代理人: | 王奎宇 |
| 地址: | 200241 上海市*** | 国省代码: | 上海;31 |
| 权利要求书: | 查看更多 | 说明书: | 查看更多 |
| 摘要: | |||
| 搜索关键词: | 一种 前端 系统 | ||
1.一种微前端系统,其中,所述系统包括若干个主应用,每个所述主应用包括若干个子应用;
在开发阶段,每个所述子应用由多webpack进程并发构建,每个所述子应用采用不同的端口启动,所述主应用直接加载编译后的代码。
2.根据权利要求1所述的系统,其中,每个所述主应用中的若干个所述子应用共用一个DOM节点。
3.根据权利要求2所述的系统,其中,在主路由中根据预设规则加载所述子应用,将路由事件透传给所述子应用,让所述子应用选择需要加载的子页面。
4.根据权利要求1所述的系统,其中,所述子应用对外暴露生命周期函数,供所述主应用调用。
5.根据权利要求4所述的系统,其中,所述生命周期函数包括:
bootstrap函数,用于构建子应用的容器;
mount函数,用于渲染子应用;
unmount函数,用于清理子应用。
6.根据权利要求1至5中任一项所述的系统,其中,通过read-on-write方式代理所述主应用的window对象并传递给所述子应用。
7.根据权利要求1至6中任一项所述的系统,其中,在哈希化时,为每个所述子应用添加特殊前缀。
8.根据权利要求1至7中任一项所述的系统,其中,在所述主应用中引入公共库,并在所述子应用的webpack配置中迁出所述公共库的代码。
9.根据权利要求1至8中任一项所述的系统,其中,所述子应用之间通过消息总线进行通信。
10.根据权利要求1至9中任一项所述的系统,其中,所述主应用包含一级导航及公共模块,所述子应用包含二级导航及自身独有的业务逻辑。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于上海云轴信息科技有限公司,未经上海云轴信息科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202111063475.1/1.html,转载请声明来源钻瓜专利网。





