|
|
51CTO旗下网站
|
|
移动端

一文教你如何进行 iOS 组件化开发

在一个APP开发过程中,如果项目较小且团队人数较少,使用最基本的MVC、MVVM开发就已经足够了,因为维护成本比较低。但相反,因为每个人都会负责相应组件的开发,常规开发模式耦合会越来越严重,而且导致大量代码冲突,会使后期维护和升级过程中代码“牵一发而动全身”,额外带来很大的工作量,并且会导致一些潜在的BUG。

作者:feng_blog来源:开源中国|2018-10-08 10:48

在一个APP开发过程中,如果项目较小且团队人数较少,使用最基本的MVC、MVVM开发就已经足够了,因为维护成本比较低。

但是当一个项目开发团队人数较多时,因为每个人都会负责相应组件的开发,常规开发模式耦合会越来越严重,而且导致大量代码冲突,会使后期维护和升级过程中代码“牵一发而动全身”,额外带来很大的工作量,并且会导致一些潜在的BUG。

一文教你如何进行 iOS 组件化开发

在这时,组件化开发就派上很大用场了,所谓的组件化开发,就是把APP根据业务拆分为各独立的组件,各个组件相互写作,组成完整的APP。

一、各组件的引入

关于组件的拆分,就根据具体项目进行拆分,假如APP被拆分了AModule、BModule、CModule,那么,应该如何引入这些组件呢?你可能会想到APP的入口AppDelegate。在平时开发中,AppDelegate中往往初始化了好多组件,比如推送、统计等组件,这样就会导致AppDelegate的臃肿。

所以,我们可以增加一个ModuleManager,专门用来初始化各组件。首先增加一个 ModuleProtocol:

  1.  
  2. import <Foundation/Foundation.h> 
  3. @import UIKit; 
  4. @import UserNotifications; 
  5.  
  6. @protocol ModuleProtocol <UIApplicationDelegate, UNUserNotificationCenterDelegate> 
  7.  
  8. @end 

我们在ModuleManager中hook住UIApplicationDelegate和 UNUserNotificationCenterDelegate中的方法,使相应的组件中实现了对应方法,在相应时机就会调用组建里的对应方法:

  1. #import "ModuleManager.h" 
  2. #import "AppDelegate.h" 
  3. #import <objc/runtime.h> 
  4.  
  5. #define ALL_MODULE [[ModuleManager sharedInstance] allModules] 
  6. #define SWIZZLE_METHOD(m) swizzleMethod(class, @selector(m),@selector(module_##m)); 
  7.  
  8. @interface ModuleManager () 
  9.  
  10. @property (nonatomic, strong) NSMutableArray<id<ModuleProtocol>> *modules; 
  11.  
  12. @end 
  13.  
  14. @implementation ModuleManager 
  15.  
  16. + (instancetype)sharedInstance { ...... } 
  17.  
  18. - (NSMutableArray<id<ModuleProtocol>> *)modules { ...... } 
  19.  
  20. - (void)addModule:(id<ModuleProtocol>) module { ...... } 
  21.  
  22. - (void)loadModulesWithPlistFile:(NSString *)plistFile { ...... } 
  23.  
  24. - (NSArray<id<ModuleProtocol>> *)allModules { ...... } 
  25.  
  26. @end 
  27.  
  28. @implementation AppDelegate (Module) 
  29.  
  30. + (void)load 
  31.     static dispatch_once_t onceToken; 
  32.     dispatch_once(&onceToken, ^{ 
  33.         Class class = [self class]; 
  34.         SWIZZLE_METHOD(application:willFinishLaunchingWithOptions:); 
  35.         SWIZZLE_METHOD(application:didFinishLaunchingWithOptions:); 
  36.         ...... 
  37.     }); 
  38.  
  39. static inline void swizzleMethod(Class class, SEL originalSelector, SEL swizzledSelector) { ...... } 
  40.  
  41.  
  42. - (BOOL)module_application:(UIApplication *)application willFinishLaunchingWithOptions:(NSDictionary *)launchOptions 
  43.     BOOL result = [self module_application:application willFinishLaunchingWithOptions:launchOptions]; 
  44.     for (id<ModuleProtocol> module in ALL_MODULE) { 
  45.         if ([module respondsToSelector:_cmd]) { 
  46.             [module application:application willFinishLaunchingWithOptions:launchOptions]; 
  47.         } 
  48.     } 
  49.     return result; 
  50.  
  51. - (BOOL)module_application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 
  52.     BOOL result = [self module_application:application didFinishLaunchingWithOptions:launchOptions]; 
  53.     for (id<ModuleProtocol> module in ALL_MODULE) { 
  54.         if ([module respondsToSelector:_cmd]) { 
  55.             [module application:application didFinishLaunchingWithOptions:launchOptions]; 
  56.         } 
  57.     } 
  58.     return result; 
  59. ...... 
  60.  
  61. @end 

ModuleManager.h:

  1. #import <Foundation/Foundation.h> 
  2. #import "ModuleProtocol.h" 
  3.  
  4. @interface ModuleManager : NSObject 
  5.  
  6. + (instancetype)sharedInstance; 
  7.  
  8. - (void)loadModulesWithPlistFile:(NSString *)plistFile; 
  9.  
  10. - (NSArray<id<ModuleProtocol>> *)allModules; 
  11.  
  12. @end 

之后我们通过一个 ModulesRegister.plist文件管理需要引入的组件:

一文教你如何进行 iOS 组件化开发

如上图,假如我们要引入AModule、BModule、CModule,那么这三个Module只需要实现协议ModuleProtocol,然后实现AppDelegate中对应的方法,在对应方法中初始化自身即可: AModule.h:

  1. #import <Foundation/Foundation.h> 
  2. #import "ModuleProtocol.h" 
  3.  
  4. @interface AModule : NSObject<ModuleProtocol> 
  5.  
  6. @end 

AModule.m:

  1. #import "AModule.h" 
  2.  
  3. @implementation AModule 
  4.  
  5. - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions{ 
  6.     //初始化AModule 
  7.     return YES; 
  8.  
  9. @end 

之后在AppDelegate的load方法中通过ModulesRegister.plist引入各组件即可:

  1. @implementation AppDelegate 
  2.  
  3. + (void)load { 
  4.     //load modules 
  5.     NSString* plistPath = [[NSBundle mainBundle] pathForResource:@"ModulesRegister" ofType:@"plist"]; 
  6.     [[ModuleManager sharedInstance] loadModulesWithPlistFile:plistPath]; 
  7.  
  8. - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { 
  9.     ...... 
  10.  
  11. @end 

这样,各组件的开发者在自己的组件中初始化自己,其他人需要使用时只需要加入ModulesRegister.plist文件中即可。

二、组件间协作

简单来看,假设APP的每个页面就是一个组件,假如我们的APP有AViewController、BViewController、CViewController、DViewController、EViewController,各ViewController必然设置各种相互跳转。那么,我们APP的跳转逻辑可能是下面这个样子:

一文教你如何进行 iOS 组件化开发

为了解决这种复杂的耦合关系,我们可以增加一个Router中间层去管理各ViewController之间的跳转关系(也就是实际开发中组件间相互调用的关系)。

所以,根据需要,我开发并开源了一个支持URL Rewrite的iOS路由库— FFRouter,通过FFRouter去管理各ViewController之间的跳转关系:

一文教你如何进行 iOS 组件化开发

这样,各ViewController之间的跳转关系就变的清晰了许多。

FFRouter通过提前注册对应的URL,之后就直接通过打开URL去控制各ViewController之间的跳转(或各组件间的调用)。 FFRouter支持组件间传递非常规对象,如UIImage等,并支持获取组件返回值。基本使用如下:

  1. /** 
  2.  注册 url 
  3.  
  4.  @param routeURL 要注册的 URL 
  5.  @param handlerBlock URL 被 Route 后的回调 
  6.  */ 
  7. + (void)registerRouteURL:(NSString *)routeURL handler:(FFRouterHandler)handlerBlock; 
  8.  
  9. /** 
  10.  注册 URL,通过该方式注册的 URL 被 Route 后可返回一个 Object 
  11.  
  12.  @param routeURL 要注册的 URL 
  13.  @param handlerBlock URL 被 Route 后的回调,可在回调中返回一个 Object 
  14.  */ 
  15. + (void)registerObjectRouteURL:(NSString *)routeURL handler:(FFObjectRouterHandler)handlerBlock; 
  16.  
  17.  
  18.  
  19. /** 
  20.  判断 URL 是否可被 Route(是否已经注册) 
  21.  
  22.  @param URL 要判断的 URL 
  23.  @return 是否可被 Route 
  24.  */ 
  25. + (BOOL)canRouteURL:(NSString *)URL; 
  26.  
  27.  
  28.  
  29. /** 
  30.  Route 一个 URL 
  31.  
  32.  @param URL 要 Router 的 URL 
  33.  */ 
  34. + (void)routeURL:(NSString *)URL; 
  35.  
  36. /** 
  37.  Route 一个 URL,并带上额外参数 
  38.  
  39.  @param URL 要 Router 的 URL 
  40.  @param parameters 额外参数 
  41.  */ 
  42. + (void)routeURL:(NSString *)URL withParameters:(NSDictionary<NSString *, id> *)parameters; 
  43.  
  44. /** 
  45.  Route 一个 URL,可获得返回的 Object 
  46.  
  47.  @param URL 要 Router 的 URL 
  48.  @return 返回的 Object 
  49.  */ 
  50. + (id)routeObjectURL:(NSString *)URL; 
  51.  
  52. /** 
  53.  Route 一个 URL,并带上额外参数,可获得返回的 Object 
  54.  
  55.  @param URL 要 Router 的 URL 
  56.  @param parameters 额外参数 
  57.  @return 返回的 Object 
  58.  */ 
  59. + (id)routeObjectURL:(NSString *)URL withParameters:(NSDictionary<NSString *, id> *)parameters; 
  60.  
  61.  
  62.  
  63. /** 
  64.  Route 一个未注册 URL 时回调 
  65.  
  66.  @param handler 回调 
  67.  */ 
  68. + (void)routeUnregisterURLHandler:(FFRouterUnregisterURLHandler)handler; 
  69.  
  70.  
  71.  
  72. /** 
  73.  取消注册某个 URL 
  74.  
  75.  @param URL 要被取消注册的 URL 
  76.  */ 
  77. + (void)unregisterRouteURL:(NSString *)URL; 
  78.  
  79. /** 
  80.  取消注册所有 URL 
  81.  */ 
  82. + (void)unregisterAllRoutes; 
  83.  
  84.  
  85. /** 
  86.  是否显示 Log,用于调试 
  87.  
  88.  @param enable YES or NO,默认为 NO 
  89.  */ 
  90. + (void)setLogEnabled:(BOOL)enable; 

而且参考天猫的方案增加了URL Rewrite功能:可以使用正则添加一条 Rewrite 规则,例如:要实现打开 URL:https://www.taobao.com/search/原子弹时,将其拦截,改用本地已注册的 URL:protocol://page/routerDetails?product=原子弹打开。首先添加一条 Rewrite 规则:

  1. [FFRouterRewrite addRewriteMatchRule:@"(?:https://)?www.taobao.com/search/(.*)" targetRule:@"protocol://page/routerDetails?product=$1"]; 

之后在打开URL:https://www.taobao.com/search/原子弹时,将会 Rewrite 到URL:protocol://page/routerDetails?product=原子弹。

  1. [FFRouter routeURL:@"https://www.taobao.com/search/原子弹"]; 

可以通过以下方法同时增加多个规则:

  1. + (void)addRewriteRules:(NSArray<NSDictionary *> *)rules; 

其中 rules 格式必须为以下格式:

  1. @[@{@"matchRule":@"YourMatchRule1",@"targetRule":@"YourTargetRule1"}, 
  2.   @{@"matchRule":@"YourMatchRule2",@"targetRule":@"YourTargetRule2"}, 
  3.   @{@"matchRule":@"YourMatchRule3",@"targetRule":@"YourTargetRule3"},] 

Rewrite 规则中的保留字:

  • 通过 $scheme、$host、$port、$path、$query、$fragment 获取标准 URL 中的相应部分。通过$url获取完整 URL
  • 通过 $1、$2、$3...获取matchRule的正则中使用圆括号取出的参数
  • $:原变量的值、$$:原变量URL Encode后的值、$#:原变量URL Decode后的值

例如: https://www.taobao.com/search/原子弹对于Rewrite 规则(?:https://)?www.taobao.com/search/(.*)

  1. $1=原子弹 
  2. $$1=%e5%8e%9f%e5%ad%90%e5%bc%b9 

同样,https://www.taobao.com/search/%e5%8e%9f%e5%ad%90%e5%bc%b9对于Rewrite 规则(?:https://)?www.taobao.com/search/(.*)

  1. $1=%e5%8e%9f%e5%ad%90%e5%bc%b9 
  2. $#1=原子弹 

考虑到经常用路由配置UIViewController之间的跳转,所以增加了额外的工具FFRouterNavigation来更方便地控制UIViewController之间的跳转。

三、其他组件化方案

目前这种组件化方案参考了蘑菇街、天猫、京东的的实现方案。除这种方案外,Casa(查看文章)之前提出了解耦程度更高的方案,这种方案组件仍然使用中间件通信,但中间件通过 runtime 接口解耦,然后使用 target-action 简化写法,通过 category 分离组件接口代码。但是,这种方案虽然解耦程度更高,但是也增加了组件化的成本,综合考虑,直接使用中间件通信的方式更好一点。具体哪种方案好,也就仁者见仁、智者见智了~

【编辑推荐】

  1. iOS 12 正式推送,应用启动速度提高 2 倍
  2. iOS 12正式推送 苹果官方功能介绍来了!
  3. 阿里安全宣布已完美越狱iOS 12
  4. 完全使用Swift编写的Telegram X即将面向所有iOS用户开放
  5. 深入了解iOS 12新功能系列:“捷径”指南
【责任编辑:未丽燕 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

网管员必读—超级网管经验谈(第2版)

本书的第1版获得过“2006年度全行业优秀畅销品种奖”。全书共15章,分别介绍了网管员职责和应具备的工作习惯、共享上网与访问控制方法、子...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊