业务中如何拓展微前端架构

站在整体架构的角度,微前端可以分为以下几类拓展迭代方向。

注册更多微应用

随着业务的扩展,我们可以在主应用中注册更多的微应用。每个微应用是一个独立的子系统,只需要在主应用的注册列表中添加新的项,配置微应用的名称、入口、活动规则等信息即可。

集成微应用的路由

可以通过 mavon-editor 等工具将微应用的路由配置提取出来,集成到主应用的路由系统中,实现主应用和微应用之间路由的无缝对接。

实现状态管理

可以通过 uni-state 等工具实现主应用和微应用之间的状态管理,比如实现登录状态同步、全局消息通知等功能。

UI框架协同

如果微应用使用了不同的UI框架,可以通过一些适配层实现主应用和微应用在UI上的融合,比如统一样式变量,组件适配等。

权限统一管理

可以在主应用中实现一个权限判断组件,微应用根据此组件判断是否渲染对应的功能或页面。

部署和发布

主应用和微应用的代码仓库独立,可以细粒度地进行灰度和生产发布,不会相互影响。

监控和日志

主应用可以统一微应用的异常监控和日志收集,方便追踪问题。

总之,主应用作为框架,要为微应用提供扩展性,实现平台能力的共享和复用。

相关推荐
enoughisenough6 小时前
浏览器判断控制台是否开启
前端
Moment6 小时前
当前端开始做 Agent 后,我才知道 LangGraph 有多重要❗❗❗
前端·后端·面试
竹林8187 小时前
RainbowKit 快速集成多链钱包连接:从“连不上”到丝滑切换的踩坑实录
前端·javascript
小蜜蜂dry7 小时前
nestjs实战-登录、鉴权(一)
前端·后端·nestjs
农夫山泉不太甜7 小时前
WebSocket与SSE技术方案选型对比分析
前端
CoovallyAIHub7 小时前
视频理解新范式:Agent不再被动看视频,LensWalk让它自己决定看哪里
算法·架构·github
CoovallyAIHub7 小时前
斯坦福丨AirVLA:将地面机械臂模型迁移至无人机实现空中抓取,成功率从23%提升至50%
算法·架构·github
重阳微噪7 小时前
受够了空格翻页?我写了一个 Chrome 自动滚动插件,让你真正沉浸式阅读
前端
Awu12277 小时前
🍎用 pretext 搞定输入框动态宽度:一个困扰了我三天的 CSS 问题
前端
萑澈7 小时前
我用 Cloudflare 搭了一个 FlashInbox 临时邮箱
前端·next.js