开源了一个支持渐进式组件化的框架(CC)

2018-06-17 16:46:24 +08:00
 luckybilly

前言

项目大了,编译慢了,开发效率低了,怎么办? 也许你已经知道了组件化,但项目迭代任务紧张,根本没有时间进行整体解耦,更害怕一下子改动太大导致的风险不可控,不敢大改,怎么办?

先别急着放弃,渐进式组件化了解一下

背景故事

在实行组件化改造之前,我们对业内的一些技术文章及开源库进行调研之后,发现基本上千篇一律地都是基于路由这种方案作为通信引擎来实现组件化,重要的是组件化之前得先解耦原来的项目代码。很尴尬,我们没那么人力和时间来一下子做这么一大块事情。这时候我们是这样想的:

正式由于项目代码耦合度高,解耦困难,而且迭代任务紧张,没办法单独抽出时间来解耦,导致组件化改造一直停留在口头上。

为了在不影响业务迭代业务开发的前提下也能用组件化的形式来进行开发,我们设计了一个支持立即组件化开发 & 渐进式组件化改造的框架:CC (已开源,点这里看源码

快速了解 CC

用 CC 来立即开始组件化开发并渐进式地改造你的项目

先了解一下渐进式组件化改造的概念

以 i 百联为例(上海百联集团旗下的一个电商 App )来看一下组件化之前项目中存在的耦合情况:

最终项目的耦合状态是这个样子的:

为了能让大家看得清楚,图片上仅仅列出了有限的几个模块,但即使是这样,我们用一团乱麻来形容它也毫不为过。

我们的工程师一直是在这样的环境下进行业务迭代开发和 bug 修复,改代码要小心翼翼,生怕引起其它逻辑出 bug,最主要的是开发 /调试效率非常低:在使用了 maven 的情况下,在 15 吋高配的 macbook pro 上编译运行每次都要花 3-5 分钟,在 16GB 内存的 windows 台式机上更是动辄 10-15 分钟,严重影响开发效率,组件化势在必行。

但业务迭代排期时间非常紧张,测试资源不足,我们需要的是:立即组件化开发 & 渐进式组件化改造

在了解渐进式组件化改造之前,先来看看与之相对的非渐进式组件化改造

非渐进式的组件化方案要求我们必须在组件化初期立即对项目进行解耦,至少是我们需要被新业务调用到的组件需要解耦成组件,否则新业务组件脱离主 app 单独运行调试的时候无法正常工作。

在渐进式组件化的方案中,可以先不用解耦,只需要让单独运行的组件能够调用到主 App 中的功能即可。思路是这样的:

动画旁白:

CC 是怎么做到这一点的?

首先,CC 的核心通信引擎采用的不是路由方案,而是组件总线方案(路由 vs 组件总线

CC 采有 2 套调用流程:App 内部组件调用和跨 App 调用。

框架在接收到组件调用请求时,优先查看当前 App 内是否有本次 CC 调用指定的组件

采用组件总线的方案,在 App 内部调用组件时,等效于直接调用IComponent.onCall(cc)方法,将调用方设置的调用参数传递给组件,组件执行完之后将执行结果返回给调用方,这个过程中没有使用反射,执行效率高

在这个过程中,CC 完成了一次调用请求的转发:查找到组件对象,并将调用其 onCall 方法,将调用参数发送给它,并将组件执行的结果返回给调用方

悄悄地告诉你:CC 中自带 3 种 AOP 策略,例如动画中显示的CustomerInterceptors就是其中之二:全局拦截器和针对本次 CC 调用的拦截器。定义一个拦截器也很简单:实现IGlobalCCInterceptor接口即可

通过RemoteCCInterceptor与另一个 App 的ComponentService建立连接,将 CC 中的调用参数传递给ComponentService,在ComponentService中使用这些参数,发起一个 App 内部的 CC 调用,最终通过LocalCCInterceptor调用到IComponent.onCall(cc)

组件的执行结果原路返回给调用方

在这个过程中,CC 完成了 2 次调用请求转发:

可以看出,跨 App 调用时:

总结

本文从我们在实际实施组件化过程中的一些思考入手,引入了渐进式组件化的概念,介绍了用 CC 来实现立即组件化开发 & 渐进式组件化改造的实施步骤。

并用动画的方式向大家展示了渐进式组件化与非渐进式组件化的区别以及支撑 CC 实现渐进式组件化的组件调用流程。

本文中的图片及动画取自上周末(6 月 9 日)在爱奇艺移动技术沙龙分享时的演讲稿,PPT 文档可在 CC 交流群(QQ 群:686844583)的群文件中下载,欢迎加群交流。

点击这里了解更多 CC 相关的内容

5127 次点击
所在节点    Android
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/463734

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX