一种基于乾坤微前端的全局容器动态挂载的实现方法技术

本发明专利技术公开了一种基于乾坤微前端的全局容器动态挂载的实现方法，前端工程配置微应用参数和自定义参数，微应用参数包括微应用名称、入口地址、容器ID和激活路径，自定义参数是指主应用标记；用户登录后前端通过API接口获取全部路由数据；微服务基于乾坤注册微应用，采用插槽和自定义参数的方式渲染页面完成用户登录；一旦URL发生变化，则会自动触发乾坤的匹配逻辑，激活与之匹配的微应用，如果激活的是主应用，页面指定渲染区域挂载主应用容器，否则挂载子应用容器，实现动态挂载微应用。本发明专利技术在主应用布局组件中采用插槽和自定义参数的方式，统一挂载主应用和子应用容器，实现微应用容器的动态挂载，从而正常渲染页面。从而正常渲染页面。从而正常渲染页面。

【技术实现步骤摘要】
一种基于乾坤微前端的全局容器动态挂载的实现方法


[0001]本专利技术涉及计算机
，具体的说，是一种基于乾坤微前端的全局容器动态挂载的实现方法。

技术介绍

[0002]在中后台管理系统中，微服务单页面应用尤为常见，通常多个应用之间会频繁切换，但是同一时刻只展示一个应用。在页面渲染之前，需要挂载子应用容器，而通常子应用容器各自配置，按约定方式将子应用容器挂载至主应用上。但是在场景复杂的中后台管理系统中，子应用容器的动态挂载实现较为少见，尚没有应用于复杂场景子应用容器动态挂载的实现方法。

技术实现思路

[0003]本专利技术的目的在于提供一种基于乾坤微前端的全局容器动态挂载的实现方法，用于解决现有技术中尚没有应用于复杂场景中子应用容器动态挂载的实现方法的问题。
[0004]本专利技术通过下述技术方案解决上述问题：
[0005]一种基于乾坤微前端的全局容器动态挂载的实现方法，包括：
[0006]步骤A、前端工程配置微应用参数和自定义参数，微应用参数包括微应用名称、入口地址、容器ID和激活路径，自定义参数是本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于乾坤微前端的全局容器动态挂载的实现方法，其特征在于，包括：步骤A、前端工程配置微应用参数和自定义参数，微应用参数包括微应用名称、入口地址、容器ID和激活路径，自定义参数是指主应用标记，该参数用于标记当前微服务激活的是主应用还是子应用，其初始值为true，默认激活主应用；步骤B、用户登录后，前端工程通过API接口获取全部路由数据，通过格式转换和路由懒加载处理，实现路由封装；该路由数据包括地址、对应组件、和所属应用名称；步骤C、微服务基于乾坤注册微应用，采用插槽和自定义参数的方式渲染页面，完成用户登录；步骤D、当用户点击不同页面时URL发生变化，URL的变化会自动触发乾坤的匹配逻辑，所有与激活路径规则匹配上的微应用都会被激活，如果激活的是主应用，页面指定渲染区域挂载主应用容器，如果激活的是子应用，则修改主应用标记为false，页面指定渲染区域挂载子应用容器,实现动态加载微应用。2.根据权利要求1所述的一种基于乾坤微前端的全局容器动态挂载的实现方法，其特征在于，采...

【专利技术属性】
技术研发人员：吴双，宋舰，黄睿葱，邓文科，曾辉，
申请(专利权)人：四川虹魔方网络科技有限公司，
类型：发明
国别省市：