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

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

注册更多微应用

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

集成微应用的路由

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

实现状态管理

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

UI框架协同

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

权限统一管理

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

部署和发布

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

监控和日志

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

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

相关推荐
LinXunFeng3 小时前
Flutter 拖拉对比组件,换装图片前后对比必备
前端·flutter·开源
BD_Marathon3 小时前
【PySpark】安装测试
前端·javascript·ajax
stu_kk3 小时前
Ecology9明细表中添加操作按钮与弹窗功能技术分享
前端·oa
dkgee3 小时前
如何禁止Chrome的重新启动即可更新窗口弹窗提示
前端·chrome
天若有情6733 小时前
新闻通稿 | 软件产业迈入“智能重构”新纪元:自主进化、人机共生与责任挑战并存
服务器·前端·后端·重构·开发·资讯·新闻
香香爱编程4 小时前
electron对于图片/视频无法加载的问题
前端·javascript·vue.js·chrome·vscode·electron·npm
程序猿_极客4 小时前
【期末网页设计作业】HTML+CSS+JavaScript 蜡笔小新 动漫主题网站设计与实现(附源码)
前端·javascript·css·html·课程设计·期末网页设计
zl_vslam4 小时前
SLAM中的非线性优-3D图优化之轴角在Opencv-PNP中的应用(一)
前端·人工智能·算法·计算机视觉·slam se2 非线性优化
CDwenhuohuo5 小时前
用spark-md5实现切片上传前端起node模拟上传文件大小,消耗时间
前端