极客视点
极客时间编辑部
极客时间编辑部
113234 人已学习
免费领取
课程目录
已完结/共 3766 讲
2020年09月 (90讲)
时长 05:33
2020年08月 (93讲)
2020年07月 (93讲)
时长 05:51
2020年06月 (90讲)
2020年05月 (93讲)
2020年04月 (90讲)
2020年03月 (92讲)
时长 04:14
2020年02月 (87讲)
2020年01月 (91讲)
时长 00:00
2019年12月 (93讲)
2019年11月 (89讲)
2019年10月 (92讲)
2019年09月 (90讲)
时长 00:00
2019年08月 (91讲)
2019年07月 (92讲)
时长 03:45
2019年06月 (90讲)
2019年05月 (99讲)
2019年04月 (114讲)
2019年03月 (122讲)
2019年02月 (102讲)
2019年01月 (104讲)
2018年12月 (98讲)
2018年11月 (105讲)
时长 01:23
2018年10月 (123讲)
时长 02:06
2018年09月 (119讲)
2018年08月 (123讲)
2018年07月 (124讲)
2018年06月 (119讲)
时长 02:11
2018年05月 (124讲)
时长 03:16
2018年04月 (120讲)
2018年03月 (124讲)
2018年02月 (112讲)
2018年01月 (124讲)
时长 02:30
时长 02:34
2017年12月 (124讲)
时长 03:09
2017年11月 (120讲)
2017年10月 (86讲)
时长 03:18
时长 03:31
时长 04:25
极客视点
15
15
1.0x
00:00/02:30
登录|注册

IKEA的微前端经验谈

讲述:杜力大小:1.14M时长:02:30
对于庞大的前端,开发者面临着和后端一样的问题,近日,IKEA(宜家家居)的 Web 架构师古斯塔·夫尼尔森·科特(Gustaf Nilsson Kotte),在接受采访时表示,像把企业架构分割成较小的服务一样,把前端分解成较小的部分,可以使团队自主部署,从而实现 Web 前端的持续交付。
他认为,一个团队包含 10 到 12 个人时,可以运转的比较好,超过这个数字,团队就会不那么高效了。他还认为,如果服务小,那么团队可以有不只一个服务,但是这会增加架构的压力,因为团队和服务都应该是自治的。
而如果有 24 个人,科特不赞成创建一个前端团队和两个后端团队的做法,他指出,后端团队向终端用户交付价值,可能会需要前端团队的变更,两个后端团队可能还会增加前端的故事队列。他更愿意创建两个独立的团队,每个 12 人,后端和前端服务都由自己开发,这样就可以按照自己的节奏进行部署。
在科特看来,微服务关乎多样性和异构架构,可以使用不同的技术。同样地,前端也应该如此,开发者们应该从一开始就支持多样化的前端技术栈。
他发现,要想在前端那里获得和后端微服务一样的好处,唯一的解决方案是使用某种形式的嵌入机制,这是一种把一个电子文档包含在另一个文档中的方法。在客户端,一个嵌入的例子是 image 标签,浏览器在渲染时会使用实际的图片替换这个标签,也就是把图片文档嵌入到 HTML 文档中。
在服务器端,如果没有 HTML,那么 ESI(Edge Side Includes)就对应 image 标签。ESI 是 IKEA 微前端概念中的基础技术,它有页面和片段的概念,一个团队负责一套页面和片段。
由于页面是由不同团队开发的片段组合而成的,可能使用了不同的技术,所以,这些片段需要使用某种技术组合在一起。为了解决这个问题,IKEA 的团队使用了一种名为自包含片段的技术,可以把片段需要的所有东西,如 CSS 和 JavaScript 都包含进来。虽然这项技术本身有点复杂,但是对于使用它的团队而言,还是比较简单的。
科特在总结中强调,他介绍的架构并不一定适合所有人。开发者必须从组织层面,考察不同设计的优缺点,从而找出最佳的解决方案。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结
该免费文章来自《极客视点》,如需阅读全部文章,
请先领取课程
免费领取
登录 后留言

全部留言(1)

  • 最新
  • 精选
  • li3huo
    为啥不用vue.js呢
    1
收起评论
显示
设置
留言
1
收藏
20
沉浸
阅读
分享
手机端
快捷键
回顶部