位置:首页 > web前端 > javascript

微前端项目架构图

dearweb 发布:2021-10-23 23:31:24阅读:

微前端项目架构图

主应用

    注册子应用

    加载、渲染子应用

    路由匹配(activeWhen,rules,由框架判断)

    获取数据(公共依赖,通过数据做鉴权处理)

    通信(父子通信,子父通信)

子应用的功能

    渲染

    监听通信(主应用传递过来的数据)

微前端框架

    子应用的注册

    有开始内容(应用加载完成)

    路由更新判断

    匹配对应的子应用

    加载子应用的内容

    完成所有依赖项的执行

    将子应用渲染在固定的容器内

公共事件管理

    异常捕获和报错

    全局的状态管理的内容

    沙箱的隔离

    荣幸机制

服务端的功能

    提供数据服务

发布平台

    主子应用的打包和发布

Dingtalk_20211023234715.jpg

24人点赞 返回栏目 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

手机扫码查看 手机扫码查看