IOS组件化方案探索：蘑菇街的路由+协议式

见解分享

2023-09-24 09:03:18

在iOS开发中，组件化是一个重要的实践，它可以帮助我们构建更可维护、更可重用的代码。目前，业界存在多种组件化解决方案，每种解决方案都有其优缺点。本文将探讨一种由蘑菇街团队提出的组件化方案，它结合了路由和协议式两种方式。

蘑菇街组件化方案概述

蘑菇街的组件化方案基于以下两个关键思想：

路由： 用于管理组件之间的导航和通信。
协议式： 用于定义组件之间交互的接口。

在这个方案中，组件之间通过路由进行通信，而协议式则定义了组件之间的交互方式。

路由的实现

蘑菇街的路由机制类似于iOS中的原生导航控制器。它使用一个映射表来存储组件的键和对应的功能块。当需要打开一个组件时，我们可以使用路由打开该组件，并传递必要的参数。

// 路由表
let router = [
    "componentA": { (params) in
        // 打开组件 A
    },
    "componentB": { (params) in
        // 打开组件 B
    },
]

// 打开组件 A
router["componentA"]?(["key": "value"])

协议式的实现

蘑菇街的协议式机制基于Objective-C中的协议。每个组件都定义了一个协议，该协议定义了组件提供的功能和接受的参数。当一个组件需要与另一个组件交互时，它可以遵循该组件的协议并调用其方法。

// 协议
protocol ComponentAProtocol {
    func doSomething(withParams params: [String: Any])
}

// 实现协议
class ComponentA: ComponentAProtocol {
    func doSomething(withParams params: [String: Any]) {
        // 执行操作
    }
}

// 使用协议
let componentA = ComponentA()
componentA.doSomething(withParams: ["key": "value"])