图文解读阿里云是如何做控制台的

正文

请到「今天看啥」查看全文

技术选型确定后，还面临着其他问题：首先，团队中有几十个从其他团队移交的控制台；其次存在多种前端架构，裸写的架构、Vue、Angular等；另外，耦合的业务逻辑在进行迁移时业务代码/逻辑可能会掉到框架层面，再次使用时需要重写；最后，不可复用的原有组件也是让人头疼的部分。

解决方案

任何一个技术产品都必须经历生老病死的各个过程，经过在集团内部进行调研，发现了一系列可用的解决方案，如Fusion、One Console、Next等，下面来一一具体解读。

解决方案之Fusion

Fusion是阿里集团内部共享的React组件库，它最大的亮点在于为设计师与前端之间提供了无阻塞式协作，设计师可以和前端开发者并行地去做同一界面；另外，它也与Sketch进行了良好的整合。

它提供了以下四项功能：

（1）一键修改组件外观，设计师只需动一动手指，就能轻松修改所有组件的视觉样式，再也不用改图改到手抽筋；

（2）快速导出Sketch模板，Fusion支持快速导出Sketch组件库，设计师们再也不用一遍一遍反复写设计文档了，避免了重复劳动；

（3）轻松管理多套组件，设计师一人便可以轻松管理多套业务组件；

（4）自动生成前端SCSS代码，设计师完成组件设计后，前端工程师可以直接

使用平台生成的代码，无需投入开发资源。

以上功能都是解决组件层面的问题。上文所说的几十个控制台内的组件是可以枚举的，目前Fusion库中定义了绝大多数组件，直接替换即可。

解决方案之One Console

请到「今天看啥」查看全文