iOS组件化方案对比

背景

随着公司业务的不断发展,项目的功能越来越复杂,各个业务代码耦合也越来越多,代码量也是急剧增加,传统的`MVC`或者`MVVM`架构已经无法高效的管理工程代码,因此需要用一种技术来更好地管理工程,而组件化是一种能够解决代码耦合的技术。项目经过组件化的拆分,不仅可以解决代码耦合的问题,还可以增强代码的复用性,工程的易管理性等等。

市场上的方案

方案一、url-block

这是蘑菇街中应用的一种页面间调用的方式,通过在启动时注册组件提供的服务,把调用组件使用的`url`和组件提供的服务`block`对应起来,保存到内存中。在使用组件的服务时,通过`url`找到对应的`block`,然后获取服务。

下图是`url-block`的架构图:


注册:

[MGJRouter registerURLPattern:@"mgj://detail?id=:id" toHandler:^(NSDictionary *routerParameters) {

    NSNumber *id = routerParameters[@"id"];

    // create view controller with id

    // push view controller

}];

调用:

[MGJRouter openURL:@"mgj://detail?id=404"]

优点:

1. h5外跳到蘑菇街app,app内部的h5和app的原生交互,都可以直接使用这些定义好的路由。

2. 蘑菇街为了统一`iOS`和`Android`的平台差异性,专门用后台来管理`url`,然后针对不同的平台,生成不同类型的文件,来方便使用。

缺点:

1. 需要在内存中维护`url-block`的表,组件多了可能会有内存问题。

2. `url`的参数传递受到限制,只能传递常规的字符串参数,无法传递非常规参数,如`UIImage`、`NSData`等类型。

3. 没有区分本地调用和远程调用的情况,尤其是远程调用,会因为`url`参数受限,导致一些功能受限。

4. 组件本身依赖了中间件,且分散注册使的耦合较多。

5. url注册对于实施组件化是完全没有必要的,查找 URL 的实现不够高效。

6. 路由写错后编译没问题,而实现运行就出问题了,以后维护也不方便。

方案二、protocol-class

针对方案一的问题,蘑菇街又提出了另一种组件化的方案,就是通过`protocol`定义服务接口,组件通过实现该接口来提供接口定义的服务,具体实现就是把`protocol`和`class`做一个映射,同时在内存中保存一张映射表,使用的时候,就通过`protocol`找到对应的`class`来获取需要的服务。

下图是`protocol-class`的架构图:

注册:

[ModuleManager registerClass:ClassA forProtocol:ProtocolA]

调用:

[ModuleManager classForProtocol:ProtocolA]

优点:

1. 蘑菇街的这种方案确实解决了方案一中无法传递非常规参数的问题。

2. 组件间的调用更为方便。

3. 解耦代码量少,实现方便,以后维护也方便。

4. 协议方法改变后,编译就会报错,避免代码修改遗漏。

5. 协议方法未实现的话,会报编译警告。

6. 方法查找容易,调用高效。

缺点:

1. 组件的方法调用分散。

2. 内存中维护映射表。

3. 协议方法有可能未实现。

4. 对组件协议需要注册,不注册就无法调用。

方案三、url-controller

这是[LDBusMediator](https://github.com/Lede-Inc/LDBusMediator.git)的组件化方案,它是通过组件实现公共协议的服务,来对外提供服务。具体就是通过单例来维护`url-controller`的映射关系表,根据调用者的`url`,以及提供的参数(字典类型,所以参数类型不受约束)来返回对应的`controller`来提供服务;同时,为了增强组件提供服务的多样性,又通过服务协议定义了其它的服务。

下图是LDBusMediator的组件化架构图:

优点:

1. [LDBusMediator](https://github.com/Lede-Inc/LDBusMediator.git)解决了蘑菇街的这两种组件化方案的不足,比如:通过注册封装件`connector`而不是`block`来降低了内存占用。

2. 通过字典传递参数,解决了`url`参数的限制性。

缺点:

1. 内存中维护映射表。

2. 组件本身依赖了中间件,且分散注册使的耦合较多。

3. url注册对于实施组件化是完全没有必要的,查找 URL 的实现不够高效。

4. 路由写错后编译没问题,而实现运行就出问题了,以后维护也不方便。

方案四、target-action

通过给组件包装一层`wrapper`来给外界提供服务,然后调用者通过依赖中间件来使用服务;其中,中间件是通过`runtime`来调用组件的服务,是真正意义上的解耦,也是该方案最核心的地方。具体实施过程是给组件封装一层`target`对象来对外提供服务,不会对原来组件造成入侵;然后,通过实现中间件的`category`来提供服务给调用者,这样使用者只需要依赖中间件,而组件则不需要依赖中间件。

下图是`casa`的组件化方案架构图:


优点:

1. 内存中不需要维护映射表。

缺点:

和e网通当前解耦的缺点类似。

方案五、Extension和Category结合使用

东方财富浪客直播的不同组件控制器跳转使用了这种方式,这个方式是我以前想出来的。在基础组件定义一个UIViewController 的Extension和Category,Extension里面封装各种组件间控制器跳转的调用方法,这里面没有实现,Category里面也和Extension对应封装相应方法,Category有实现,内部是调用的Extension封装的方法,调用时先判断Extension的方法有没有实现,做下保护。组件控制器跳转调用Category封装的方法。组件负责实现Extension定义的方法。

当然这种方案不只适用于控制器跳转,还可以改造成NSObject 的Extension和Category,适应所有的组件间通信。

Extension方法定义:

@interface UIViewController (EL)

/** 发直播 **/

- (void)el_startPushLive:(NSString *_Nullable)liveTitle;

Category方法定义:

@interface UIViewController (elbasic)

/** 发起直播 **/

- (void)elbasic_startPushLive:(NSString *_Nullable)liveTitle;

Category方法实现:

@implementation UIViewController (elbasic)

/** 发起直播 **/

- (void)elbasic_startPushLive:(NSString *_Nullable)liveTitle {    SEL sel = @selector(el_startPushLive:);    

if ([self respondsToSelector:sel]) {        

[self el_startPushLive:liveTitle];    

}

}

Extension方法实现:

@implementation UIViewController () //发直播

- (void)el_startPushLive:(NSString *_Nullable)liveTitle {    UIViewController *pCtrl = [SBURLActionsb_initCtrl:el_actionurl_push_live(liveTitle)];  

 [self el_presentPushCtrl:pCtrl];

}

优点:

1. Category实现内部做了Extension方法是否实现的判断,避免了不实现出现的崩溃

2. 确实解决了方案一中无法传递非常规参数的问题

3. 组件间的调用方便。

4. 协议方法改变后,编译就会报错,避免代码修改遗漏。

5. 内存中不需要维护映射表。

缺点:

1. Extension和Category都定义了同样的方法,相比protocol-class方案不够简洁。

2. 方法为了避免冲突,都要加前缀。

总结:

组件化是项目架构层面的技术,不是所有项目都适合组件化,组件化一般针对的是大中型的项目,并且是多人开发。如果,项目比较小,开发人员比较少,确实不太适合组件化,因为这时的组件化可能带来的不是便捷,而是增加了开发的工作量。另外,组件化过程也要考虑团队的情况,总之,根据目前项目的情况作出最合适的技术选型。没有最好的技术,只有最合适的技术。

最后我还是推荐下我的组件化解耦方案,文章地址是https://blog.csdn.net/mlcldh/article/details/81190992,GitHub地址是https://github.com/mlcldh/LCLive

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念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