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

围观神仙打架，反革命工程师《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之间的跳转。

蘑菇街是怎么做的？ 

注册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%不到的样子，架构师这个职位确实牛逼。

术和势的区别啊。