原创：GuoJin 百度APP技术团队-资深技术专家文章来源：百度APP技术微信公众号

组件化是一个老生常谈的涉及面很广的话题，即不是做好一件事而是做好一系列的事情才能达成；其中包含组件化框架在内的各架构层级、构建系统、依赖管理系统、以及配套的防劣化机制与规则规范。

本文主要基于百度App背景、目标和组件化历程来讲述保障并行开发和组件复用的手段，尽量避免过多发散到构建系统、依赖管理系统,以及组件化框架这样的具体子方向。组件化的重要性取决于应用规模、团队规模、产品技术目标；所述内容虽然是从iOS平台出发，但方法论与实现路径适用于大部分平台。

背景与目标

百度App(大型App)复杂度来源

业务规模大：百度App技术方向及子方向70+，单端代码量180w+；

目标：隔离各组件间影响避免故障蔓延，并控制整体App的复杂度；
团队规模大：有代码权限的数百人;
目标：保障高效并行开发；
公司内部接入业务多：30+,非单纯基础库，与百度App关系复杂；
目标：处理接入业务与百度App架构及架构中各组件关系，保障快速高效接入与基础能力复用。
迭代速度快：3周一个版本，2周开发1周测试；
目标：避免高速迭代情况下组件化程度劣化。
技术形态多：H5、NA、Hybrid、Talos、Flutter并存；
目标：保障基础能力复用，构建系统支撑。

另外启动速度、体积等准入流程的约束；以及目标的多样性也是大型App复杂度来源因素；由背景产生的目标是天生的技术需求，除此之外，百度App在不同阶段有不同的产品技术目标。

百度App不同阶段的不同目标

合作业务三方库复用;单个技术组件输出(最早的需求，2014年),对单个组件输出来讲，如何避免输出时,拔出萝卜带出"泥";
矩阵产品孵化（2017年~2019）；
小程序开源复用（2018年）：输出组件兼容不同宿主,保持部分依赖组件可替代性；
目标多样性要求在开发时考虑到各个目标的诉求，在方案设计时尽量避免和这些目标冲突。

重要架构迭代

初始态-2013(钻木取火)：

这一时期，百度App浏览器角色较重，大家都在一个工程里开发，各业务和基础逻辑交错，没有边界，你中有我、我中有你；UI架构比较复杂，每个RD都要从App主入口开始看懂主流程代码，小心翼翼的开发。

这一时期的架构是这样：

这一时期的主要问题有：

一些基础库、甚至开源三方库都会有业务侵入；没有明确分层和防修改机制，入侵成本极低；
首屏各业务间没有容器隔离，牵一发而动全身，极容易互相影响；
对各业务共用的服务(远程配置、端能力)没有服务组件化，if else/switch case式逻辑无限蔓延；
逻辑、资源没有合理归属，数据没有拆分，基础组件对外输出困难；
插件接口层没有体系化建设，稳定性欠佳(fragile)；接入业务成为百度App里的超级模块，依赖关系难以控制。

2014-2015(蒸汽机时代)：

虽然当时团队规模只有几十人，但已经意识到了组件化的重要性；接入业务逐步变多，同时也有部分技术组件对外输出的需求；这一阶段：

首先拆出三方库，粗粒度拆出基础库，归到业务组件下层；百度App和接入业务复用这部分基础库；
引入框架容器，对首屏各业务及栈式导航容器中的业务进行隔离；
对新兴的业务组件或需要重构的业务，首先采用组件化模式开发，逻辑、资源、数据各有归属，同时明确外部依赖；
初步制定了依赖规范，禁止层级反向依赖，这一阶段只是规范，没有工具链的强制支撑;
组件除基础库外的依赖通过Adapter注入来实现。

这一时期的架构是这样：

这一时期的主要问题有：

组件归属的模糊性,部分组件游离在基础库和业务组件之间，同层组件间的依赖与调用关系不够清晰；
组件间通过Adapter进行一对一解耦，虽然有比较明确的外部依赖关系，但解耦效率不高;
主App中还遗留端能力接口，与通过插件系统接入的一些SDK。

2016-2017（电力时代）

这一时期重点建设了组件化框架（Pyramid、SchemeRouter）与分发框架(RemoteConfig、PMS、预取分发)，及数据拆分框架（CocoaSetting）；进一步保障了各组件能做到逻辑、数据各有归属；

这一时期的架构是这样：

2018-2019(理想态-核能时代)

这一时期，组件化框架相对完善，各组件已能做到逻辑、资源、数据各有归属。主工程进一步被弱化；

层级更加明确清晰，游离与基础库层和业务组件层间的通用服务有了归属;组件可以自下而上的对外输出；
整个App通过中央仓库的组件列表(Central Repo Specs)，经过EasyBox组装整个工程；
框架容器加载及系统事件分发统一到轻量级的AppLauncher;
对接入SDK，按架构层级属性归属；如仅被某一个业务组件引用，则有这个业务组件负责管理，降低对外的复杂度；
服务层可共享服务相对完善。

组件化的进阶-中台化（星际远航）

中台化的大潮滚滚而来,除云端一体化复用外，对组件化也提出了其他的更高要求。共享组件库+构建系统(EasyBox)合力，已能达到矩阵产品组合输出能力。

组件化的实现路径

自下而上的组件化建设

1、编译隔离、架构分层及层级访问限制机制建立

编译隔离：通过构建系统（EasyBox）提供的编译规则文件明确每个组件的对外接口，明确组件的外部依赖（这方面IDE也经常好心办坏事，让组件间可以低成本的随意访问，逐步模糊了组件的逻辑边界，加深了组件间的依赖）；
层间限制：通过构建系统（EasyBox）建立反向访问限制，即下层组件不可以访问上层组件；
同层访问：同层组件间也不能无限制调用，通信及访问限制通过组件化Pyramid框架来完成；各组件间维持较清晰的接口边界和逻辑边界。

2、三方库规范化与基础库体系化

1)基础库主要存在以下问题：

没有防修改机制，业务侵入成本低；
交叉依赖问题:同一基础依赖的逻辑归属到同一组件里;

基础库要在无业务侵入的情况下经过一定程度的抽象到架构底层，二进制化实行组件负责人制度，并进行体系化建设避免上述问题。

2)三方库主要存在以下问题：

没有防修改机制，业务侵入成本低；
三方库在一定用户规模或业务规模下，确实存在bug，而github的push request不及时或无响应；

所有三方库更新到最新发布版并二进制化避免业务侵入；差异部分明确修改点，通过运行时单独打补丁；对外输出时，明确这一点。

3、建立运行时分发与隔离服务

为避免各组件对共有逻辑、共有数据集中式处理，建立容器及分发机制来分发事件、数据、以及逻辑调用。

Pyramid组件化框架：

这里主要讲Pyramid框架的分发作用，Pyramid将系统事件分发给各子组件；
除此之外，组件化框架还有另外两个作用：
1)Pyramid框架组件间通信：adapter一对一方式解耦升级为一对多解耦；

2)它将组件间的强依赖转变为弱依赖，这让技术组件对外输出时，被依赖的组件具有某种程度的可替代性；

端能力：

分离SchemeRouter与SchemeHandler逻辑，SchemeRouter归属服务层组件化框架，SchemeHandler归属各组件；
由于Scheme参数不够明确清晰，在百度App中Scheme主要用于和H5的通信，较少用于页面路由；

配置分发服务：将集中解析并调用各业务处理逻辑改造为分发机制，并最终升级为云控服务；

数据拆分服务：配合配置分发服务，将数据拆分到各组件内部管理；

资源/预取分发服务：建立资源/预取分发服务；

框架容器：通过Tab导航容器、栈式导航容器将各控制器UI数据拆分到各子控制器、事件分发传递给各子控制器；

分发与隔离机制、容器机制是并行开发的重要保障。

4、服务层建立

多业务调用的低依赖组件去业务化抽象成通用服务：账号、分享、云控、统计、性能、AI等

5、建立组件模型

建立组件模型，各业务模块快速组件化。

通俗的讲，就是指导各业务模块明确功能范围，做到逻辑、资源、数据、私有SDK各有归属；
最终每个组件是一个独立的功能单元、逻辑单元、数据及资源管理单元，H5通信单元，性能量化单元，编译输出单元(1个或多个)。
为了更灵活的组合输出，组件的接口封装层和服务对接层可以进行不同粒度编译单元拆分；主要目的是分离依赖，满足输出灵活性；

6、业务组件化
按照组件模型，确定业务的功能范围、逻辑与接口边界，快速组件化。

7、劣化控制
组件接口变更、依赖变更、Warning数变化都会记录通知相关负责人，这些在Tekes平台管理；敬请继续关注后续公众号文章；没有防劣化机制，填坑速度永远比不上挖坑速度；一人填坑的速度也永远比不上多人挖坑速度。

收益总结

1.研发效率的提升，主要体现在以下几个方面：

复杂度控制：复杂度控制在组件内部，对外"简单可依赖"；
并行开发：组件化框架及各分发服务具备设计时的隔离性，保障大规模并行开发效率；以远程配置为例，原来新增一项开发时间为4+小时，现在仅需0.5小时；效率提升8倍+;
复用：为矩阵产品输出轮子；参考百度App矩阵产品，复用率都在50%以上；
编译速度提升：因为组件具有独立编译单元的属性,在编译过程中组件源码和编译产物可以等价替换，所以组件化也为后续组件二进制化打下基础，百度App编译速度也平均值从15分钟/次优化到2分钟/次；

2.质量上，组件化具备设计时的隔离性，确保单个组件的故障影响范围内敛到自己内部，不会引发整体crash；

3.为启动速度、体积等方向提供量化单位；

4.建立健全架构体系，分组件深度优化。

吴军博士在《文明之光》一书中评价希腊人对世界文明的贡献这样写到：近代自然科学的很多体系都是在古希腊时代奠定的，希腊人在学术研究上有别于东方文明之处不在于一两项科学发明和发现，而在于他们将自然科学各学科分门别类，对每一个学科都建立起一整套系统的体系，在此基础上，演绎或归纳出普遍规律性，即定理或定律，继而成为自然科学各个学科的基石和支柱。

虽然没有这样的高度，但对软件开发来讲，也有异曲同工的作用。

结语

"自己"得来终觉浅，引用一段话作为结语，节选自《每个架构师都应该研究下康威定律》

架构的目标是用于管理复杂性、易变性和不确定性，以确保在长期的系统演化过程中，一部分架构的变化不会对架构的其它部分产生不必要的负面影响。这样做可以确保业务和研发效率的敏捷，让应用的易变部分能够频繁地变化，对应用的其它部分的影响尽可能的小。

参考

每个架构师都应该研究下康威定律：

https://www.infoq.cn/article/every-architect-should-study-conway-law
3 Key Software Principles You Must Understand:
https://code.tutsplus.com/tutorials/3-key-software-principles-you-must-understand–net-25161

百度App组件化之路相关推荐

App 组件化/模块化之路——如何封装网络请求框架
App 组件化/模块化之路--如何封装网络请求框架在 App 开发中网络请求是每个开发者必备的开发库,也出现了许多优秀开源的网络请求库.例如 okhttp retrofit android-asyn ...
蘑菇街App的组件化之路·续
原文:http://limboy.me/ios/2016/03/14/mgj-components-continued.html 蘑菇街 App 的组件化之路·续前几天在「移动学习分享群」分享了关于 ...
android国籍组件,android组件化之路
问题:实际业务变化快,而工程内各个功能模块耦合度太高,不能对功能模块进行快速方便地拆分或组装.团队共同开发中,可能一个文件同时被多人修改,导致每次更新提交代码都需要消耗大量时间去merge代码.每次修 ...
组件化之路 - ViewModel一知半解
新的一年,优先把欠账补齐,关于Jetpack下Lifecycle.ViewModel.LiveData组件库,以及ViewModel+LiveData项目实践,如今也只差ViewModel还没有记录了 ...
得到、微信、美团、爱奇艺APP组件化架构实践
一.背景随着项目逐渐扩展,业务功能越来越多,代码量越来越多,开发人员数量也越来越多.此过程中,你是否有过以下烦恼? 项目模块多且复杂,编译一次要5分钟甚至10分钟?太慢不能忍? 改了一行代码或只调 ...
iOS爱康APP组件化架构
iOS爱康APP组件化架构随着公司业务需求的不断增加以及快速产出,要对应用的架构做相关的设计和优化,使可以快速复用扩展.减少耦合.减少开发时间成本.减少测试成本等.基础框架架构就是为解决这些问题所设 ...
android 蘑菇街组件化,蘑菇街 App 的组件化之路
编辑推荐: 本文来自于csdn,文章主要分享了casatwy 的一些思路和思考问题的角度,希望对您的学习有帮助. 统一的调用实现将「URL 调用」和「组件间调用」通过 runtime 达到统一,通过 ...
android组件化蘑菇街,蘑菇街 App 的组件化之路·续
前几天在「移动学习分享群」分享了关于蘑菇街组件化方面的一点经验,由于时间和文字描述方面的限制,很多东西表述的不是很清楚,让一些同学产生了疑惑,casatwy老师也写了篇文章来纠正其中的一些实现,看完之 ...
【超强干货】蘑菇街App的组件化之路
本文为『移动前线』群在3月10日的分享总结整理而成,转载请注明来自『移动开发前线』公众号. 嘉宾介绍蘑菇街李忠(花名银时,网名 limboy),多年客户端开发经验,目前主要负责移动端基础架构设计及核 ...

百度App组件化之路