iOS 组件化学习

原文：http://reviewcode.cn/article.html?reviewId=20

围观神仙打架，反革命工程师《iOS应用架构谈 组件化方案》和蘑菇街Limboy的《蘑菇街 App 的组件化之路》的阅读指导

最近质量最高的文章应该就是上述3篇和Bang关于三篇的解析文章。
地址分别为:
《iOS应用架构谈 组件化方案》
《蘑菇街 App 的组件化之路》
《蘑菇街 App 的组件化之路·续》
《iOS 组件化方案探索》 from Bang
我的文章只是就一些技术细节做一些分析。 毕竟我不是架构师，很多东西我属于大概知道如何实现，但是我不明白这样做到底为什么。毕竟层次有差距。

第一部分：名词解释

问题一：何为利用URL的方式打开ViewController？

这是入门问题。如果这个问题看不懂，看这两篇基本等同于看天书。

简单举个例子。
首先，看一下一个Node.js服务端如何处理一个get请求。
http://weibo.com/u/1438670852/home?topnav=1&wvr=6 这是个登录之后的微博的首页URL。其实服务端拿到这个url之后可以利用一些中间件，例如bodyparser之类的把url解析了。比如。你可以这样获得topnav的值和wvr的值。

app.get('http://weibo.com/u/:userid/home', function(req, res) {
        var topnav = req.body["topnav"];
        var wvr = req.body["wvr"];
    });

那么，其实蘑菇街的组件化方案的其中一个功能就是仿照服务端解析URL的方式来处理ViewController之间的跳转。
蘑菇街是怎么做的？

1. 注册Class。在- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions方法中先使用单例MGJRouter注册所有的ViewController的Pattern，也即VC的模板，你可以想象成是一个字符串对应一个Block，这个block里面包含了生成ViewController的代码和需要的赋值的参数。比如上述的DetailViewController可以描述成这样。

[MGJRouter registerURLPattern:@"mgj://detail?name=:name&summary=:summary" toHandler:^(NSDictionary *routerParameters) {
    NSString *name = routerParameters[@"name"];
    NSString *summary = routerParameters[@"summary"];
    // create view controller with id
    // push view controller
}];

这样注册了之后，这个MGJRouter单例里就储存了这个ViewController.单例里无非就是有一个可变字典的property，
比如有一个NSMutableDictionary *routers,然后呢。
[[routers setObject:block forKey:url];] 这样就注册了。
那么，怎么用？
既然有了存的方法，那自然有取得方法。
比如。[MGJRouter openURL:@"mgj://detail?name=:name&summary=:summary" withParam:@{@"name": @"zql", @"summary":@"wuyanzu" }]; 这样，只需要在字典里通过URL取得block，然后将参数填进去就行了。 如果还是不理解看这个开源库。
routable-ios

问题二:什么是上下文？

几篇文中都大量的出现了上下文这个关键字。上下文到底是什么？ 上下文对应的英文单词是Context。对此比较好理解解释的是轮子哥的下面这段话。

每一段程序都有很多外部变量。只有像Add这种简单的函数才是没有外部变量的。一旦你的一段程序有了外部变量，这段程序就不完整，不能独立运行。你为了使他们运行，就要给所有的外部变量一个一个写一些值进去。这些值的集合就叫上下文。

看代码。

DetailViewController *detailVC = [DetailViewController alloc] init];
detailVC.name = @"xxx";
detailVC.summary = @"xxx";
[XX.navigationController detailVC];

这就叫没有剥离上下文。
why？
因为你为了使这个页面跳转，你必须要给DetailVC传一些值。传的这些值就构成了上下文。
大家注意这段话。

然而这款方案有一个很小的缺陷在于对param的key的hardcode，这是为了达到最大限度的解耦和灵活度而做的权衡。在我的网络层架构和持久层架构中，都没有hardcode的场景，这也从另一个侧面说明了组件化架构的特殊性。

我为什么要把反革命工程师里总结的这句话贴出来，因为这句话很重要。后面会提到。

问题三:什么叫去Model化？

举个例子。有个ModelA

ModelA *model = [[ModelA alloc] init];
ViewControllerA *a = [[ViewControllerA alloc] init];  
a.model = model;
[self.navigationController pushViewController:a animated:YES];

所以从当前页面跳转到a这个控制器的时候需要传入一个ModelA的实例。那么如果ModelA因为业务逻辑的变更，有一个属性没了，或者改名字了，或者加了什么property。
那么，你就需要在所有的工程文件里凡是引用了这个Model的文件里都check一遍。防止发生问题。这就没有解耦。
为了防止这种情况，我们在这种情况下，就需要去Model化（那Model还有什么用？）。 比如你的ViewControllerA需要传入5个值。那你就老老实实的别传Model。一个个传值。

第二部分：流程

理解

大家注意看反革命工程师的Demo.地址

Demo大概架构如下。

ok,现在大脑放空，我们来按流程走一遍。
我们来拿下厨房举例。
首先如图所示。我们到了这个页面。

我们姑且起名字叫做WeekPopularViewController.
然后，点击任意一个Cell，我们会跳转到这个页面。

我们给这个页面起名叫RecipeDetailViewController.
那么，我们现在按照反革命工程师设计的架构来写一遍这个流程。

1.创建Target-Action，我们创建一个Target_RecipeDetail.在这个文件里，我们主要生成我们的RecipeDetailViewController和为我们生成的VC进行一些必要的赋值。例如。

- (UIViewController *)Action_RecipeDetailViewController:(NSDictionary *)params
{
    RecipeDetailViewController *viewController = [[RecipeDetailViewController alloc] init];
    viewController.valueLabel.text = params[@"key"];
    return viewController;
}

2.创建CTMediator的Category.CTMediator+CTMediatorRecipeDetailActions.这个Category利用Runtime调用我们刚刚生成的Target_RecipeDetail,注意这个Category神奇的地方，由于利用了Runtime，导致我们完全不用#import刚刚生成的Target即可执行里面的方法，所以这一步，两个类是完全解耦的。也即是说，我们在完全解耦的情况下生成了我们需要的ViewController。例如。

- (UIViewController *)CTMediator_viewControllerForRecipeDetail
{
    UIViewController *viewController = [self performTarget:kCTMediatorTargetA
                                                    action:kCTMediatorActionNativFetchDetailViewController
                                                    params:@{@"key":@"value"}];
    if ([viewController isKindOfClass:[UIViewController class]]) {
        // view controller 交付出去之后，可以由外界选择是push还是present
        return viewController;
    } else {
        // 这里处理异常场景，具体如何处理取决于产品
        return [[UIViewController alloc] init];
    }
}

3.由于在Target中，传递值得方式采用了去Model化得方式，导致我们在整个过程中也没有#import任何Model。所以，我们的每个类都与Model解耦。
4.那么，跳转的操作也就顺理成章的可以使用类似于

UIViewController *viewController = [[CTMediator sharedInstance] CTMediator_viewControllerForRecipeDetail];

[self presentViewController:viewController animated:YES completion:nil];

这样的方法执行。
注意了，整个流程你居然只需要在WeekPopularViewController import一个CTMediator+CTMediatorRecipeDetailActions。
这就是牛逼的地方了。

我看到这里简直想大喊wocao,牛逼。
这里其实唯一的问题就是反革命工程师自己提出来的，Target_Action里不得不填入一些Hard Code。就是对创建的VC的赋值语句。因为想想一下，二次接手的人可能并不知道新创建的VC需要赋哪些值，这就造成了可能会在填入参数列表的时候出错。 或许还有人看的懵懵懂懂。
那么我提一个问题。
如果现在上头有个任务，需要你把项目中的任何一个VC都封装成这样。
随便拎出来一个ViewController，它自带体系。不需要#import任何别的VC，最多也就是import少量的Model就能单个使用。
你应该怎么做？
带着这个问题看，估计会好理解一点。

我写这篇文章是灰常灰常痛苦的。
为啥，因为层次不够。看了不下20边，很多都属于知其然不知其所以然。其实看到现在我感觉也就理解了30%不到的样子，架构师这个职位确实牛逼。
术和势的区别啊。