一、简介
组件化是指解耦复杂系统时将多个功能模块拆分、重组的过程。
二、划分
根据组件的性质和内容,可以把组件进行如下划分:
- 基础组件
- 工具组件
- 通用性功能组件
- UI组件
- 业务组件
- 业务工具组件
- 业务模块组件
三、制作流程
3.1 搭建私服
使用公司内部的服务器搭建GitLab服务,一般由运维人员完成
3.2 索引库
索引库存放各个组件的.podspec文件
- 创建远程索引库
在GitLab服务器上相对于项目的根路径创建一个仓库,用来作为远程索引库
- 添加本地索引库
$ pod repo add <索引库名称> <远程索引库地址>
3.3 组件工程
- 创建组件工程
$ pod lib create <组件名称>
- 编辑<组件名称. podspec >文件
编码组件内容,并上传组件仓库(在GitLab服务器上创建一个仓库,用于存放组件的源代码)
3.4 组件验证
- 本地验证
$ pod lib lint
- 远程验证
$ pod spec lint
- 补充说明
如果引用到其他私有库:添加 --sources
如果使用到了第三方库:添加 --use-libraries
忽略警告(如报错可使用): 添加 --allow-warnings
输出lint详细日志:添加 --verbose
3.4 发布到索引库
- 标签
# 打印所有标签
$ git tag
# 打印符合检索条件的标签
$ git tag -l 1.*.*
# 查看对应标签状态
$ git checkout 1.0.0
# 本地创建轻量标签
$ git tag 1.0.0-light
# 本地创建带备注标签(推荐)
$ git tag -a 1.0.0 -m "这是备注信息"
# 本地针对特定commit版本SHA创建标签
$ git tag -a 1.0.0 0c3b62d -m "这是备注信息"
# 本地删除标签
$ git tag -d 1.0.0
# 将本地所有标签发布到远程仓库
$ git push origin --tags
# 将本地指定版本发布到远程仓库
$ git push origin 1.0.0
# 删除远程仓库对应标签
# Git版本 > V1.7.0
$ git push origin --delete 1.0.0
# 旧版本Git
$ git push origin :refs/tags/1.0.0
- <组件名称. podspec >上传索引库
pod <本地索引库名称> push <组件名称.podspec>
四、路由
在组件化的过程中常常出现组件间相互调用的情况,如果直接import会造成高耦合。为此,我们可能需要使用一个调度中心去管理这些模块,有了这个调度中心,每个模块就不需要依赖其它模块,不用导入其它模块的头文件了,只需要调度中心关心每个模块的调度,其它模块只需要关心怎么调用和调用后反馈的结果,这个调度中心就是路由(Router)。
在设计路由时,我们需要考虑自身的整体业务所面临的问题,比如:
1.多端统一
2.区分远程调用和本地调用
3.传递复杂参数
4.传递非常规参数
5.需要异步回调
6.方法调用
7.缺失界面
8.动态更换
目前市面上的路由设计方案主要有url-block、protocol-target、target-action三种,关于他们的优缺点可以查看casa的这篇文章
4.1 JLRoutes
JLRoutes是url-block方案的一种实现。
-
原理
注册
[[JLRoutes globalRoutes] addRoute:@"/:module/:target/:Bundle/:SBName/:Modal/:animated/:parameter" handler:^BOOL(NSDictionary<NSString *,id> * _Nonnull parameters) {
return NO;
}];
- 调用
[[JLRoutes globalRoutes] routeURL:[NSURL URLWithString:@"scheme:login/SignInController///push/animation"]];
4.2 MGJRouter
MGJRouter是url-block方案的一种实现。
- 原理
@{
@"scheme": @{
@"~": @{
@"login": @{
@"signIn": @{
@"_": block
},
@"signUp": @{
@"_": block
}
}
}
}
}
- 注册
[MGJRouter registerURLPattern:@"scheme://login/signIn"
toHandler:^(NSDictionary * routerParameters) {
}];
[MGJRouter registerURLPattern:@"scheme://login/signUp"
toHandler:^(NSDictionary * routerParameters) {
}];
- 调用
[MGJRouter openURL:@"scheme://login/signIn"]
[MGJRouter openURL:@"scheme://login/signUp"]
4.3 CTMediator
CTMediator是target-action方案的一种实现。
- 原理
runtime反射
- 注册
无需注册
- 调用
[CT() performTarget:@"UserCenter" action:@"getRootVC" params:@{
kCTMediatorParamsKeySwiftTargetModuleName: @"LQGUserCenter_Category"
} shouldCacheTarget:false];