小程序开发|小程序制作|小程序开发网

搜索

iOS组件化(模块化)实践初探

2022-6-19 13:05| 发布者: 孙老大| 查看: 222| 评论: 0

摘要: 1.背景1.1 组件化目的将一个复杂庞大的移动端工程,通过解耦重组组件的方式来提高开发效率。组件化不仅仅是把代码分库这么简单,处理好各个组件之间的通信与解耦是重点难点。1.2 组件化优点1.组件化完成后,各个组件

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"


调用侧(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()


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部