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

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

注册更多微应用

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

集成微应用的路由

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

实现状态管理

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

UI框架协同

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

权限统一管理

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

部署和发布

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

监控和日志

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

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

相关推荐
Jacob02343 分钟前
JavaScript 模块系统二十年:混乱、分裂与出路
前端·javascript
独立开阀者_FwtCoder8 分钟前
Vite Devtools 要发布了!期待
前端·面试·github
独立开阀者_FwtCoder8 分钟前
国外最流行的 UI 组件库!适配 Vue、React、Angular!
前端·vue.js·后端
CodeSheep16 分钟前
小米汽车这薪资是认真的吗?
前端·后端·程序员
白白李媛媛21 分钟前
上传Vue3+vite+Ts组件到npm官方库保姆级教程
前端·arcgis·npm
晴殇i30 分钟前
前端内容保护:如何有效防止用户复制页面内容?
前端·javascript·css
程序猿阿伟34 分钟前
《声音的变形记:Web Audio API的实时特效法则》
开发语言·前端·php
凌览38 分钟前
有了 25k Star 的MediaCrawler爬虫库加持,三分钟搞定某红书、某音等平台爬取!
前端·后端·python
万少40 分钟前
2-自然壁纸实战教程-AGC 新建项目
前端·harmonyos
满分观察网友z1 小时前
别小看这个滑动条!从性能灾难到用户挚爱的 uni-app Slider 踩坑实录
前端