微型前端的实现方法

发布时间:2021-10-13 15:15:08 作者:iii
来源:亿速云 阅读:185

本篇内容主要讲解“微型前端的实现方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微型前端的实现方法”吧!

微型前端的实现方法

微前端之间的零耦合

为了实现这种架构的好处,应尽可能避免意外耦合;这将解锁微前端模式必须提供的灵活性和可扩展性以及通过允许占用申请部分的升级或将来的完整重写来替换您的应用程序的未来证明。

每个微前端应该能够在隔离或容器应用中呈现。所需的数据应由每个微前端加载并避免数据瀑布。

做✅:

不要❌:

单独的代码基础

每个微前端都应具有自己的代码库,并且选择的版本控制不应对项目开发或部署的方式产生任何影响。在单一的单一或单独的存储库下拥有所有项目都很好。

做✅:

每个微前端应独立部署

每个微型前端都有它自己的CI /  CD管道,并且能够在没有其他微前端的任何依赖项的情况下部署到生产。应该避免的常见的反模式是“地狱的部署队列”,其中不同的微前端如此紧密地耦合,它们需要以特定顺序部署,以避免打破应用程序。

做✅:

不要❌:

微前端应独立测试

因为需要单独的微前端以及容器应用程序内部呈现,因此还可以使用单位和整个方案的集成测试测试它们是有意义的。

做✅:

微前端应该是有版本的

当一个新的微前端被部署到生产时,不应删除以前的版本,并且应该使用语义版本或类似的版本号标记新版本。由容器应用程序决定要使用(管理)的特定微前端或始终使用最新版本(Evergreen)的特定版本。

做✅:

不要❌:

最小的沟通

微前端之间的通信应尽可能最小,简单,避免尽可能多的全球状态和框架特定的解决方案。

如果两个或更多的微前端共享大量消息以提供其最小功能,它们可能太紧密耦合,并且它们可以共享类似的足够的目的,即它们应该被认为将它们集成到一个中。

做✅:

不要❌:

CSS应该是范围

来自一个微前端的CSS不应影响其它微前端。

做✅:

不要❌:

最终建议书

做✅:

不要❌:

到此,相信大家对“微型前端的实现方法”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. 实现web前端动画的方法有哪些
  2. LayUI实现前端分页功能的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

微前端

上一篇:在线表单制作工具麦客CRM怎么用

下一篇:vbs如何实现输入助手执行调用进程

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》