DDD领域驱动设计五、微服务后前端如何设计

本文探讨了微前端的引入原因及其在解决前端混乱和沟通成本问题上的优势。介绍了微前端的集成方式,包括与前端主页面、共享业务单元的集成,以及团队职责的划分。微前端的优势在于简化前端集成、明确项目职责、增强隔离性、减少沟通和测试成本、提升发布敏捷性以及提高复用性。
摘要由CSDN通过智能技术生成

一、微前端的引入

现在企业微服务架构都是采用前后端分离的设计方式,后端也是通过微服务把项目拆分为多个小服务并独立部署。那么前端就要应对很多的后端服务,就有很多的api要管理,容易混乱,需要很高的沟通成本和技术要求。当服务出现变更的时候就要通知所有受影响的团队,需要较高的沟通成本。

微前端的引入很好的解决了以上的问题。

在前端设计时我们需要遵循单一职责和复用原则,按照领域模型和微服务边界,将前端页面进行拆分。同时构建多个可以独立部署、完全自治、松耦合的页面组合 ,其中每个组合只负责特定业务单元的 UI 元素和功能,这些页面组合就是微前端。

微前端和后端微服务的类似,都可以按照一定的规则拆分,重组,并可以独立开发、测试、部署、运维,以适应业务的快速变化和多团队平行开发的要求。

二、微前端的集成方式

我们看一下下面这个图,微前端位于前端主页面和微服务之间,它需要与两者完成集成。
在这里插入图片描述

1、微前端与前端主页面的集成

前端主页面是企业级的前端页面,微前端是业务单元的前端页面。微前端通过主页面的微前端加载器,利用页面路由和动态加载等技术,将特定业务单元的微前端页面动态加载到前端主页面,实现前端主页面与微前端页面的“拼图式”集成。

微前端完成开发、集成和部署后,在前端主页面完成微前端注册以及页面路由配置,即可实现动态加载微前端页

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值