iOS组件化方案调研

iOS组件化方案探索

一、什么是组件化?

1、什么是组件?

"组件"一般来说用于命名比较小的功能块,如:下拉刷新组件、提示框组件。而较大粒度的业务功能,我们习惯称之为"模块",如:首页模块、我的模块、新闻模块。

这次讨论的主题是组件化,这里为了方便表述,下面模块和组件代表同一个意思,都是指较大粒度的业务模块。

2、什么是组件化?

组件化,或者说模块化,用来分割、组织和打包软件。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体,完成整个系统所要求的功能。

从工程代码层面来说,组件化的实施通常是通过中间件解决组件间头文件直接引用、依赖混乱的问题;从实际开发来说,组件之间最大的需求就是页面跳转,需要从组件A的pageA页面跳转到组件B的pageB页面,避免对组件B页面ViewController头文件的直接依赖。

二、为什么要组件化?

从两个方面论述:

1、组件化是为了解决什么问题?

一个 APP 有多个模块,模块之间会通信,互相调用,如我们的证券app,有首页、行情、资讯、我的等模块。这些模块会互相调用,例如 首页底部需要展示部分资讯、行情;行情底部需要展示个股资讯;资讯详情页需要跳转到行情,等等。

一般我们是怎样调用呢,以首页调用资讯为例,会这样写:

#import "HomeViewController.h"
#import "NewsViewController.h"

@implementation HomeViewController

+ (void)gotoNews {

 NewsViewController *detailVC = [[NewsViewController alloc] initWithStockCode:self.codeNum];
 [self.navigationController.pushViewController:detailVC animated:YES];
}

@end

看起来挺好,这样做简单明了,没有多余的东西,项目初期推荐这样快速开发,但到了项目越来越庞大,这种方式会有什么问题呢?

  • 问题1,每个模块都离不开其他模块,互相依赖粘在一起成为一坨:
各模块互相依赖.png

耦合比较严重(因为没有明确的约束,「组件」间引用的现象会比较多)

  • 问题2,多人同时开发时,容易出现冲突(尤其是Xcode Project文件)
  • 问题3,业务方的开发效率不够高(只关心自己的组件,却要编译整个项目,与其他不相干的代码糅合在一起)

2、组件化的好处?

一般意义:

  • 加快编译速度(不用编译主客那一大坨代码了);
  • 各组件自由选择开发姿势(MVC / MVVM / FRP);
  • 组件工程本身可以独立开发测试,方便 QA 有针对性地测试;
  • 规范组件之间的通信接,让各个组件对外都提供一个黑盒服务,减少沟通和维护成本,提高效率;

对于公司已有项目的现实意义:

  • 业务分层、解耦,使代码变得可维护;
  • 有效的拆分、组织日益庞大的工程代码,使工程目录变得可维护;
  • 便于各业务功能拆分、抽离,实现真正的功能复用;
  • 业务隔离,跨团队开发代码控制和版本风险控制的实现;
  • 模块化对代码的封装性、合理性都有一定的要求,提升开发同学的设计能力;
  • 在维护好各级组件的情况下,随意组合满足不同客户需求;(只需要将之前的多个业务组件模块在新的主App中进行组装即可快速迭代出下一个全新App)

3、什么情况下进行组件化比较合适?

当然组件化也有它的缺点:

  • 学习成本高,对于开发人员对各种工具的掌握要求也比较高,对于新手来说入门较为困难。

  • 由于工具和流程的复杂化,导致团队之间协作的成本变高,某些情况下可能会导致开发效率下降。

当项目App处于起步阶段、各个需求模块趋于成熟稳定的过程中,组件化也许并没有那么迫切,甚至考虑组件化的架构可能会影响开发效率和需求迭代。

而当项目迭代到一定时期之后,便会出现一些相对独立的业务功能模块,而团队的规模也会随着项目迭代逐渐增长,这便是中小型应用考虑组件化的时机了。这时为了更好的分工协作,团队安排团队成员各自维护一个相对独立的业务组件是比较常见的做法。

在这时这个时候来引入组件化方案,是比较合适的时机。长远来看,组件化带来的好处是远远大于坏处的,特别是随着项目的规模增大,这种好处会变得越来越明显

三、如何组件化?

组件化的开展需要解决以下几个层次的问题:

1、组件化的架构目标?

借用Limboy的图:

组件化架构.png

2、如何划分组件?

  • 基础功能组件
  • 基础产品组件
  • 个性化业务组件

对于一个没有实施过组件化拆分的工程来说,其中很可能充满了大量不合理的类、方法、头文件和各种错乱的依赖关系,因此首先要进行的第一步是模块拆分。

模块拆分可以分成两个部分,基础模块拆分和业务模块拆分。基础模块通常是稳定的依赖代码,业务模块是涉及到业务的需要频繁改动的代码。

基础模块拆分

基础模块是任何一个App都需要用到的,如:性能统计、Networking、Patch、网络诊断、数据存储模块。对于基础模块来说,其本身应该是自洽的,即可以单独编译或者几个模块合在一起可以单独编译。所有的依赖关系都应该是业务模块指向基础模块的。
基础模块之间尽量避免产生横向依赖。

业务模块拆分

对于业务模块来说,考虑到旧有代码可能没有相关的横向解耦策略,业务模块之间的依赖会非常复杂,难以单独进行拆分,因此我们采用的方法是首先从 group 角度进行重新整理。

对业务量很大的工程来说,我个人更加推荐“业务-分层”这样的结构,而不是“分层-业务”,即类似下面的 group 结构:

- BusinessA
  - Model
  - View
  - Controller
  - Store
- BusinessB
  - Model
  - View
  - Controller
  -Store

而非目前项目中采用的:

- Controllers
  - BusinessA_Controller
  - BusinessB_Controller
- Views
  - BusinessA_View
  - BusinessB_View
- Models
  - BusinessA_Model
  - BusinessB_Model

3、组件化的技术难点?

组件化的实施,直观上看,只是需要将各业务组件的代码放到各自的文件夹或者 jar包里就行了。

这里引出的是:

3.1、组件的拆分方式问题:

可以利用CocoaPods 配合 git 做代码版本管理,独立业务模块单独成库。

但这仅仅是物理上拆分了,拆分后的代码编译是肯定通不过的,因为如下:


#import "MainViewController.h"
#import "HomeViewController.h"
#import "NewsViewController.h"
#import "MeViewController.h"
#import ...

@implementation MainViewController

@end

MainViewController 会找不到依赖的其它各个模块的头文件而报错。这里引出的又是另一个问题:

3.2、组件间如何解耦?

组件间解耦,是组件化必须解决的一个问题。换句话说,就是如何解除业务模块间的横向依赖。还是拿上边举得例子来说:

App的根视图MainViewController需要管理首页、新闻、我的等等页面时,如何做到 MainViewController 中,不用去 import这一大堆 XXViewController ?

很简单,按软件工程的思路,下意识就会加一个中间层Mediator:

中间层.png

这样一来,各个模块直接都不需要再互相依赖,而是仅需要依赖 Mediator 层即可。

可直观上看,这样做并没有什么好处,依赖关系并没有解除,Mediator 依赖了所有模块,而调用者又依赖 Mediator,最后还是一坨互相依赖,跟原来没有 Mediator 的方案相比除了更麻烦点其他没区别。

我们希望最终能过实现的是单向的依赖,即:

单向依赖.png

3.3、对此,可以参考业内的流行方案:

具体实现方案较为抽象,这里暂时先不详细展开论述,可以参见Demo:

Demo1 基于 Target-Action

Demo2 基于 URL Router

四、其它

开发流程控制

托管平台选择

自己利用开源的方案搭建私有的托管平台,可以最大限制地保证代码的安全。开源方案当中最知名也是最为广泛使用的当属 Gitlab。

组件化使我们从单一的主工程,变成了主工程+多个拆分好的基础模块+统一的私有 Spec 仓库。为了避免某个人的工作对其他人开发环境造成影响,需要对整个组的开发流程进行统一的规范。

不管是对于主仓库和子模块仓库,git-flow 都是首先推荐的工作流程。一个仓库的 master 分支只有所有者可以有权限更改,其他的贡献者想更改的话,需要自己创建新的分支(在 Github 上就是进行 fork),然后进行更改,之后把更改向原仓库发送 Pull Request。Pull Request 就是一个合并的请求,其中可以看到贡献者的更改,项目主人和其他维护者可以对 Pull Request 进行审核,共同探讨修改意见。当项目主人认为修改 OK 之后,就可以合并这个 Pull Request ,把这部分代码合并到主分支。

这个流程是完全分布式的,也就是说可以同时有多个贡献者在不同的分支进行工作,最后统一合并到主分支上,实现并行协作。

同时在审核 Pull Request 阶段,除了人工审核代码之外,Github 还加入了对于持续集成的支持,可以检测这个 Pull Request 是不是能够通过测试的,进一步保证了代码的质量。

组件维护问题?

待补充

五、参考资料:

相关技术博客:

1、iOS应用架构谈 组件化方案

2、蘑菇街 App 的组件化之路

蘑菇街 App 的组件化之路·续

3、iOS 组件化方案探索

4、《iOS应用架构谈 组件化方案》和《蘑菇街 App 的组件化之路》的阅读指导

5、浅析 iOS 应用组件化设计

6、糯米移动组件架构演进之路

7、饿了么移动APP的架构演进

8、滴滴出行iOS客户端架构演进之路

9、ios业务模块间互相跳转的解耦方案

10、iOS组件化思路-大神博客研读和思考

11、模块化与解耦

相关解决方案

1、casatwy/CTMediator

2、mogujie/MGJRouter

3、joeldev/JLRoutes

4、Huohua/HHRouter

5、clayallsopp/routable-ios

6、Lede-Inc/LDBusBundle_IOS

私有Cocoapods实施方案

1、使用Cocoapods创建私有podspec - GeekerProbe

2、Cocoapods系列教程(三)——私有库管理和模块化管理

3、iOS组件化实践方案-LDBusMediator炼就

4、基于 CocoaPods 和 Git 的 iOS 工程组件化实践

5、Cocoapods代码管理

6、CocoaPods创建私有Pods

7、如何创建私有 CocoaPods 仓库

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345

推荐阅读更多精彩内容