1.背景

1.1 组件化目的

将一个复杂庞大的移动端工程，通过解耦重组组件的方式来提高开发效率。组件化不仅仅是把代码分库这么简单，处理好各个组件之间的通信与解耦是重点难点。

1.2 组件化优点

1.组件化完成后，各个组件之间不会有任何直接依赖，也就是说一个组件不会import另一个组件，各个组件之间的 Podfile 也无相互显式依赖，各个组件在编译时也是完全是解耦的。加快了编译速度，各个组件也可以单独开发和测试。
2.组件化对代码的封装性、合理性都有较高要求，提升开发伙伴的设计能力。
3.如果有新的App需要之前类似业务功能，可快速组装成新App。

1.3 组件化缺点

组件化适合在迭代了很多版本后到某一时期，出现了一些相对独立的业务模块的时候再引入。但此时因为代码时间久远，之前的开发伙伴也许不在岗位了，解耦就比较复杂。并且由于工具和流程的复杂化，导致团队之间协作的成本变高，某些情况下可能会导致开发效率下降。

1.4 实际业务分析

fcs项目现在越来越大，并且有一些大且具体的业务模块，例如启蒙、摩比、AI在线课、大课后等。可以考虑组件化架构方案。现在各个模块之间有一些依赖关系，使用组件化之后各个组件就只对中间层依赖。

2.组件通信方案

业界常用组件化方案：

2.1 路由URL跳转方案

1）App之间跳转：
使用URL Scheme（举例： weixin：）
使用Universal Links方式。使我们的App通过HTTP链接来启动App
2）native和h5跳转：
通过一个URL绑定一个页面，移动端通过URL打开相应前端页面。
3）native内
给每个类设计url，通过key（url），找类，跳转

2.2 服务注册方案

每个组件提供对外的服务协议声明，调用方直接调用服务接口。具有“面向协议编程”思想，优点是代码自动补全和编译时检查有效，实现简单。
业界成熟的开源库是阿里的BeeHive。

2.3 基于反射的远程调用方案

使用performSelector进行消息传递，在runtime时期发送消息，反射调用。缺点是有大量的硬编码，假如拼写错误的话，在运行时才能发现，导致效率低、质量低。
业界成熟的开源库是CTMediator，对该方案进行了优化完善。

3.BeeHive 原理及实践

github链接：BeeHive
（BeeHive：蜂窝。蜂窝是世界上高度模块化的工程结构，六边形的设计能带来无限扩张的可能。

3.1 用法及代码示例

组件侧（BeeHiveBigClassExample）：
1.创建protocol
//1. 创建 protocol。此protocol表示大课后组件（模块）对外暴露的接口
class BigClassHomeViewControllerProtocol: NSObject, BHServiceProtocol {

// 接口：展示大课后首页
static func showHomeView() {
}

}

2.创建impClass
//2. 创建 implementClass
class BigClassHomeViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()

  BHContext.shareInstance()?.serviceConfigName = "BeeHive.bundle/BHService"
  showHomeView()
}

func showHomeView() {
  print("大课后首页！")
}

}

3.设置protocol-impClass映射关系
三种方式：
1）使用BeeHive类的-[registerService:service:]
2）使用宏BeeHiveService
3）使用plist文件
该示例中是通过plist文件实现的：
//3. 设置protocol-impClass映射关系。使用plist文件注册，在初始化BeeHive时指定plist文件的路径
BHContext.shareInstance()?.serviceConfigName = "BeeHive.bundle/BHService"

image.png
image.png

调用侧（BeeHiveExample）：
func bigClassBeeHive() {
// 调用服务
let BigClassHomeVC = BeeHive.shareInstance()?.createService(BigClassHomeViewControllerProtocol.self)
BigClassHomeVC.showHomeView()
}

4.CTMediator 原理及实践

github链接： CTMediator

4.1 用法及代码示例

组件侧（CTMediatorAIClassExample）
**1.创建target-action****
//1. 创建target-action。类名必须以Target_开头
class Target_AIClassViewController: UIViewController {

override func viewDidLoad() {
super.viewDidLoad()
Action_ShowAIClassHome()
}
//2. action的方法名必须以Action_开头
func Action_ShowAIClassHome() {
print("AI在线课！")
}
}

2. 创建CTMediator的分类,为了外部调用
import Foundation

let kTarget_Module = "Target_AIClassViewController"
let kTarget_Action = "Action_ShowAIClassHome"

extension CTMediator {
func showHome() {
let viewController = self.performTarget(kTarget_Module, action: kTarget_Action, params: [:], shouldCacheTarget: false)
return viewController
}
}

调用侧（CTMediatorExample）
let vc = CTMediator.sharedInstance()?.Action_ShowAIClassHome()