返回

体验式微前端新成员:阿里巴巴发力,雄踞江湖?

前端

引言

微前端概念的提出早已火热多年,各路江湖好汉轮番登场。如何为开发者带来更舒适、更高效的开发体验,更成为了各家争夺的要点所在。

近期,阿里巴巴携微前端新秀——冰雀架构横空出世,欲与既有微前端霸主一决雌雄。冰雀架构主打开发者体验,志在以独特的视角,掀起微前端领域的新风暴。

初识冰雀:缘起何方?

冰雀架构的诞生并非偶然,而是阿里巴巴多年微前端探索的结晶。2019 年 6 月,冰雀架构正式于江湖中现身,并被广泛使用于淘宝、飞猪、钉钉等重量级阿里系业务中。

在这些业务的磨砺下,冰雀架构逐步完善,日渐茁壮。如今,冰雀架构已不仅仅局限于阿里巴巴内部,而是逐步走向江湖,意图与业界好手切磋讨教。

破阵江湖:冰雀架构的独门武功

微前端江湖,人才辈出,高手林立。冰雀架构意欲突围,自有独到的看家本领。

  • 武功一:门户大开,兼容并包

兼容性是微前端架构的基础,也是冰雀架构的一大显著特色。无论开发者原先使用何种前端架构,均可无缝接入冰雀架构。

冰雀架构提出的“零侵入接接接接接接接接接接接入”口号,正是其兼容性的真实写照。

  • 武功二:体验为尊,渐入佳境

开发者体验是冰雀架构放在首要考量的一大要点。冰雀架构致力于为开发者营造身临其境的开发氛围,让开发者在不知不觉间,将微前端架构融入自己的开发流程。

“渐进式加载”便是冰雀架构的体验杰作。开发者可将微前端架构的接入流程拆分成若干个渐进小步,逐步融入原有开发流程,轻松掌握微前端奥义。

  • 武功三:隔山打牛,跨域通关

跨域通信是微前端架构的又一大难题。冰雀架构采用了创的的的创的“基于代理的跨域通信”策略,巧妙绕开浏览限制,令微前端组件之间的通信畅通无阻。

值得一提的是,冰雀架构还针对服务端渲染场景,提出了独有的跨域通信方案,进一步拓展了跨域通信的适用场景。

冰雀架构实战——浅谈接接接接接接接接接接接入之法

欲练神功,自当勤加练练练练练练练练练练练练习习习。本文在此简述冰雀架构接接接接接接接接接接入之法,带各位领略开发者体验的独有魅力。

接接接接接接接接接接接入第一步:引入 SDK

百闻不如一试,开发者可先将冰雀架构接接接接接接接接接接接入自己的工程,亲身感受冰雀架构的独有魅力。

只需引入一行 SDK 代码,即可接接接接接接接接接接接接入冰雀架构,领略其开发者体验的精髓。

接接接接接接接接接接接入第一步:渐进式接接接接接接接接接接接接入

冰雀架构可将接接接接接接接接接接接接接接接接接接接入流程拆分成若干个渐进小步,让开发者循序渐进地掌握微前端要领。

开发者无需操之过急,可逐步将微前端接接接接接接接接接接接接接接入到自己的工程中。每接接接接接接接接接接接接接接接接接接接接接接接接接接接入一小步,均有详细指引,降低开发者的接接接接接接接接接接接接接接接接接接接接接接接接接接接入难度。

接接接接接接接接接接接接入第一步:调试便捷

开发者接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接接