起源
随着产品线和业务的增加，公司的业务的发展需要，现在的一个项目都多个产品线和业务线，每个产品线和业务线有一部分相同的流程，也有部分不同的。但是不同的产品线和业务线要在整个工程内，代码上的管理、开发效率、分支管理、产品上线的时间处理都会有所限制。这个时候传统的MVC或者MVVM架构已经无法高效的管理工程代码，需要用一种技术来更好地管理工程，需要对代码进行重构，在主工程中进行组装拆分，模块化管理，在形成一个完整的项目。
认识组件化
由于产品线和业务的增多、业务的复杂性高，导致代码的逻辑性也增加了。为了减轻后期的开发和维护成本，这时候要进行业务的分类。
组件化开发就是讲庞大繁琐的工程项目，进行系统性的分析。根据功能或者熟悉进行分解，拆分成单一独立的功能模块或者组件。再根据项目和业务的需求，按照某种方式，进行组装成一个完整的业务逻辑工程。
优点
- 解决代码耦合的问题
- 增强代码的复用性
- 工程的易管理性
- 项目结构和代码逻辑清晰
- 拆分粒度小
- 快速集成
- 迭代效率高
- 能做单元测试
缺点
- 对开发人员，只能使用相同的开发模式
- 难以做集成测试
- 不适合单一的产品线和业务项目
组件化的最终目的是将项目进行基础、功能、业务的逻辑拆分，形成一个组件库，宿主工程中能在组件库中查找需要的功能，组装成一个完整的项目。
使用组件化工具
组件以每个pod库的方式的存在的。组合组件是以CocoaPods方式添加各个组件。这时候我们需要用到CocoaPods远程私有库，制作远程私有库，发布到公司的gitlab或者GitHub上，使工程能够pod下载下来。
- Git的基础命令
echo "# test" >> README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/c/test.git
git push -u origin master
- 远程私有库制作
1.创建组件项目
pod lib create ProjectName
2.使用git管理
echo "# test" >> README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/c/test.git
git push -u origin master
3.编辑 podspec文件
vim CoreLib.podspec
Pod::Spec.new do |s|
s.name = '组件工程名'
s.version = '0.0.1'
s.summary = 'summary'
s.description = <<-DESC
description
DESC
s.homepage = '远程仓库地址'
s.license = { :type => 'MIT', :file => 'LICENSE' }
s.author = { '作者' => '作者' }
s.source = { :git => '远程仓库地址', :tag => s.version.to_s }
s.ios.deployment_target = '8.0'
s.source_files = 'Classes/**/*.{swift,h,m,c}'
s.resources = 'Assets/*'
s.dependency 'AFNetworking', '~> 2.3'
end
3.创建tag
//create local tag
git tag '0.0.1'
或
git tag 0.0.1
//local tag push to remote
git push --tags
或
git push origin 0.0.1
//delete local tag
git tag -d 0.0.1
//delete remote tag
git tag origin :0.0.1
4.验证组件项目
pod lib lint --allow-warnings --no-clean
- 进行CocoaPods
pod repo add CoreLib git@git.test/CoreLib.git
pod repo push CoreLib CoreLib.podspec --allow-warnings
模块拆分
模块拆分&组装图.png
基础组件库
基础组件库存放一些最基本的工具类，比如金额格式化、手机号/身份证/邮箱的有效校验、加密工具等，实质就是不会依赖业务，不会和业务牵扯的文件。
功能组件库
分享的封装，支付、定位、统计、推送二次封装、支付等，一次开发，方便以后快速基础的功能。
业务组件库
登录组件、实名组件、搜索组件、借款组件、还款组件、各条产品线组件等。
中间件（组件通讯）
各个业务组件拆分出来后，组件之间的通讯、传参、回调就要考虑了，此时就需要一个组件通讯的工具类来处理。
CocoaPods远程私有库：
每个拆分出去的组件存在的形式都是以Pod的形式存在的，并能达到单独运行成功。
宿主工程
宿主工程就是一个壳，在组件库中寻找这个工程所需要的组件，然后拿过来组装成一个工程。
组件之间的通讯
在将业务控制器拆分出去后，如果一个组件要调用另一个组件里面的控制器，平常的做法是直接==#import "控制器头文件"==，现在在不同的组件里面是无法import的，那该怎么做呢？答案就是使用==消息发送机制==。
思路：
- 每个业务组件库里面会有一个控制器的配置文件（路由配置文件），标记着每个控制器的key；
- 在App每次启动时，组件通讯的工具类里面需要解析控制器配置文件（路由配置文件），将其加载进内存；
- 在内存中查询路由配置，找到具体的控制器并动态生成类，然后使用==消息发送机制==进行调用函数、传参数、回调，都能做到。
((id (*)(id, SEL, NSDictionary *)) objc_msgSend)((id) cls, @selector(load:), param);
((void(*)(id, SEL,NSDictionary*))objc_msgSend)((id) vc, @selector(callBack:), param);
Or
[vc performSelector:@selector(load:) withObject:param];
[vc performSelector:@selector(callBack:) withObject:param];
好处：
解除了控制器之间的依赖；
使用iOS的消息发送机制进行传参数、回调参数、透传参数；
路由表配置文件，能实现界面动态配置、动态生成界面；
路由表配置文件放到服务端，还可以实现线上App的跳转逻辑；
将控制器的key提供给H5，还可以实现H5跳转到Native界面；
组件化后的资源加载
新项目已开始就采用组件化开发，还是特别容易的，如果是老项目重构成组件化，那就比较悲剧了，OC项目重构后，app包里面会有一个==Frameworks==文件夹，所有的组件都在这个文件夹下，并且以==.framework==（比如：WDComponentLogin.framework）结尾。在工程中使用的==xib、图片==，使用正常的方式加载，是加载不到的，原因就是xib、图片的路径==（工程.app/Frameworks/WDComponentLogin.framework/LoginViewController.nib、工程.app/Frameworks/WDComponentLogin.framework/login.png）==发生了变化。
/**
从主工程mainBundle或从所有的组件(组件名.framework)中加载图片
@param imageName 图片名称
@return 返回查找的图片结果
*/
+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName;
/**
从指定的组件中加载图片，主要用于从当前组件加载其他组件中的图片
@param imageName 图片名称
@param frameworkName 组件名称
@return 返回查找的图片结果
*/
+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName frameworkName:(NSString *_Nonnull)frameworkName;
/**
从指定的组件的Bundle文件夹中加载图片，主要用于从当前组件加载其他组件Bundle文件夹中的图片
@param imageName 图片名称
@param bundleName Bundle文件夹名
@param frameworkName 组件名称
@return 返回查找的图片结果
*/
+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName bundleName:(NSString *_Nonnull)bundleName frameworkName:(NSString *_Nonnull)frameworkName;
/**
从主工程mainBundle的指定Bundle文件夹中去加载图片
@param imageName 图片名称
@param bundleName Bundle文件夹名
@return 返回查找的图片结果
*/
+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName bundleName:(NSString *_Nonnull)bundleName;
/**
从指定的组件(组件名.framework)中加载图片
说明：加载组件中的图片，必须指明图片的全名和图片所在bundle的包名
@param imageName 图片名称
@param targetClass 当前类
@return 返回查找的图片结果
*/
+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName targetClass:(Class _Nonnull)targetClass;
/**
从指定的组件(组件名.framework)中的Bundle文件夹中加载图片
说明：加载组件中的图片，必须指明图片的全名和图片所在bundle的包名
@param imageName 图片名称
@param bundleName Bundle文件夹名
@param targetClass 当前类
@return 返回查找的图片结果
*/
+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName bundleName:(NSString *_Nonnull)bundleName targetClass:(Class _Nonnull)targetClass;
/**
加载工程中的nib文件
eg：[_tableview registerNib:[WDLoadResourcesUtil loadNibClass:[WDRepaymentheaderView class]] forHeaderFooterViewReuseIdentifier:kWDRepaymentheaderView]
@param class nib文件名
@return 返回所需要的nib对象
*/
+ (UINib *_Nullable)loadNibClass:(NSObject *_Nonnull)targetClass;
控制器加载方式
@implementation BaseViewController
- (instancetype)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
NSString *classString = [[NSStringFromClass(self.class) componentsSeparatedByString:@"."] lastObject];
if ([[NSBundle bundleForClass:[self class]] pathForResource:classString ofType:@"nib"] != nil) {
//有xib
return [super initWithNibName:classString bundle:[NSBundle bundleForClass:[self class]]];
}else if ([[NSBundle mainBundle] pathForResource:classString ofType:@"nib"] == nil) {
//没有xib
return [super initWithNibName:nil bundle:nibBundleOrNil];
} else {
return [super initWithNibName:(nibNameOrNil == nil ? classString : nibNameOrNil) bundle:nibBundleOrNil];
}
}
@end
UIView视图加载方式：
OC版本
+ (id)loadFromNIB {
if ([[NSFileManager defaultManager] fileExistsAtPath:[NSBundle bundleForClass:[self class]].bundlePath]) {
return [[[NSBundle bundleForClass:[self class]] loadNibNamed:[self description]
owner:self
options:nil] lastObject];
}else{
return [[[NSBundle mainBundle] loadNibNamed:[self description] owner:self options:nil] lastObject];
}
}
+ (id)loadFromNIB:(NSInteger)index {
if ([[NSFileManager defaultManager] fileExistsAtPath:[NSBundle bundleForClass:[self class]].bundlePath]) {
return [[NSBundle bundleForClass:[self class]] loadNibNamed:[self description]
owner:self
options:nil][index];
}else{
return [[NSBundle mainBundle] loadNibNamed:[self description] owner:self options:nil][index];
}
}
Swift版本
// MARK: - 通过nib加载视图
@objc public static func loadFromNIB() -> UIView! {
return (Bundle(for: self.classForCoder()).loadNibNamed(self.description().components(separatedBy: ".")[1], owner: self, options: nil)?.first as? UIView)!
}
总结
组件化dome 下载地址https://github.com/xiaoyang521style/MainProject
组件化开发对于多业务线非常方便，希望能够帮助到大家。最后住大家新年快乐。
网友评论