转载

iOS组件化解决方案

由于近期迭代周期变长，有时间想想代码持续改进的问题，再加上各业务模块代码从去年杂乱无章的状态，到目前整体结构基本清晰，进而想到了模块之间解耦的问题，于是有了本文，关于iOS组件化的一些思路及最终的解决方案。

为什么要组件化

技术界如今已存在很多关于组件化的解决方案，Class-Protocol、Target-Action等等，无论采用哪种方案，大家的目的都是为了解决代码庞大到一定规模时，依旧可以比较方便的进行管理和开发。这个时候就需要对各个业务模块进行梳理，在代码层面实现高内聚、低耦合，降低它们相互之间的变化带来的影响，从而提升开发效率。

先来看看如下两个图，对比一下：

iOS组件化解决方案

模块间跳转现状.jpg

iOS组件化解决方案

中间层框架解耦方案.jpg

从图中可以看出，在经过中间层框架跳转分发之后，各业务模块之间不存在引用关系，代码相互隔离，调用层次清晰，实现了模块间的真正解耦，完美的过渡到组件化的流程。

框架内部的实现原理是什么

这里采用的是openURL: 和 openWithMapKey:的两种调用方式，以便实现App之间跳转及模块之间的跳转操作，具体采用哪种方式之后会讲到，下面来看一下中间层框架 JCNavigator 简单的调用过程：

iOS组件化解决方案

中间层跳转分发流程.jpg

接下来详细介绍下流程中出现的方法及相关类：

openURL:

支持App之间的跳转
支持设置、电话等系统Apps和info.plist白名单中的第三方Apps跳转
支持Module之间的跳转
传参时仅支持NSString数据类型的赋值
支持Module内部页面的跳转
传参时仅支持NSString数据类型的赋值

openWithMapKey:

支持Module内部页面的跳转
传参时支持NSString、NSArray、UIImage等系统数据类型及自定义数据类型的赋值
支持Module之间的跳转
为了模块间的解耦，传参时建议使用系统数据类型，避免使用自定义数据类型

总结：两种调用方法各有优势，通过推送、Widget、第三方App等外部入口打开你的App执行跳转操作时，建议使用openURL:，其他情况的跳转都采用openWithMapKey:的调用方式。

JCModuleMap

从上图可以看出，模块间无论是通过 openURL: 还是 openWithMapKey: 方法，都是找到对应的JCModuleMap，然后实现最终的页面跳转。接下来看看如何通过JCModuleMap实现这一操作：

子类化

iOS组件化解决方案

JCModuleMap子类化.jpg

//  JCTestModuleMap.m

NSString *const JCFirstLevelMapKey = @"JC_firstLevel";
NSString *const JCSecondLevelMapKey = @"JC_secondLevel";
NSString *const JCThirdLevelMapKey = @"JC_thirdLevel";
NSString *const JCContentDetailMapKey = @"JC_contentDetail";

@implementation JCTestModuleMap

- (NSString *)mapKeyPrefix
{
    return @"JC";
}

- (NSDictionary *)classesForMapKeys
{
    return @{JCFirstLevelMapKey: NSClassFromString(@"JCFirstLevelViewController"),
             JCSecondLevelMapKey: NSClassFromString(@"JCSecondLevelViewController"),
             JCThirdLevelMapKey: NSClassFromString(@"JCThirdLevelViewController"),
             JCContentDetailMapKey: NSClassFromString(@"JCContentDetailViewController"),
             };
}

@end

NSURL/mapKey映射原理

iOS组件化解决方案

NSURL:mapKey映射原理.jpg

总结：openURL: 通过NSURL及子类化JCModuleMap中实现的mapKeyPrefix拼接对应的mapKey，然后和 openWithMapKey: 一样，都是通过classesForMapKeys方法，获取class-mapKey的映射关系，进而跳转到module中对应class的视图控制器页面。

参数传递

申明接口协议，以属性的方式传递：

@protocol JC_contentDetail 

@property (nonatomic, strong) NSString *currentIndex;
@property (nonatomic, strong) NSString *testId;
@property (nonatomic, strong) NSArray *testArray;

@end

@interface JCContentDetailViewController : UIViewController

@end

通过属性名-属性值生成字典传参：

+ (void)openContentDetailViewControllerWithCurrentIndex:(NSString *)currentIndex testId:(NSString *)testId testArray:(NSArray *)testArray
{
    NSMutableDictionary *params = [NSMutableDictionary dictionaryWithCapacity:3];
    if ([currentIndex isKindOfClass:[NSString class]]) {
        params[@"currentIndex"] = currentIndex;
    }
    if ([testId isKindOfClass:[NSString class]]) {
        params[@"testId"] = testId;
    }
    if ([testArray isKindOfClass:[NSArray class]]) {
        params[@"testArray"] = testArray;
    }
    [[JCNavigator sharedNavigator] openWithMapKey:JCContentDetailMapKey propertiesBlock:^NSDictionary *{
        return params;
    } presented:YES animated:YES];
}

页面展示效果设置

openURL: 时，通过JCModuleMap子类化实现的方法设置：

// 是否模态弹出（默认NO）
- (BOOL)presentedForClass:(Class)viewControllerClass;

// 是否有动画（默认YES）
- (BOOL)animatedForClass:(Class)viewControllerClass;

openWithMapKey：方法调用时直接设置：

// 是否模态及动画
- (void)openWithMapKey:(NSString *)mapKey propertiesBlock:(JCNavigatorPropertiesBlock)block presented:(BOOL)presented animated:(BOOL)animated;

Modules之间的解耦是怎么实现的

好了，在实现JCModuleMap子类化及相关跳转配置之后，现在最关键的操作来了，如何为各个modules之间提供通信及调用的接口，才能最大限度的解决解耦的问题？废话不多说，先来看看这段代码：

//  JCNavigator+JCTestModuleInterface.h

@interface JCNavigator (JCTestModuleInterface)

+ (void)openFirstLevelViewController;

+ (void)openSecondLevelViewController;

@end

//  JCNavigator+JCTestModuleInterface.m

@implementation JCNavigator (JCTestModuleInterface)

+ (void)load
{
    [[JCNavigator sharedNavigator] addModuleMap:[JCTestModuleMap new]];
}

+ (void)openFirstLevelViewController
{
    [[JCNavigator sharedNavigator] openWithMapKey:JCFirstLevelMapKey];
}

+ (void)openSecondLevelViewController
{
    [[JCNavigator sharedNavigator] openWithMapKey:JCSecondLevelMapKey];
}

@end