首页 > 资讯 > 移动开发 >iOS组件化开发实战记录

182

分享到

iOS组件化开发实战记录

ios 组件化开发 2022-05-25 20:05:57 182人浏览安东尼

摘要

目录1. 组件化需求来源2. 组件化初识3. 组件化必备的工具使用5. 组件工程兼容swift环境6. 组件之间的通讯7. 组件化后的资源加载8. OC工程底层换swift代码9.

1. 组件化需求来源

起初的这个项目，App只有一条产品线，代码逻辑相对比较清晰，后期随着公司业务的迅速发展，现在App里面承载了大概五六条产品线，每个产品线的流程有部分是一样的，也有部分是不一样的，这就需要做各种各样的判断及定制化需求。大概做了一年多后，出现了不同产品线提过来的需求，开发人员都需要在主工程中开发，但是开发人员开发的是不同的产品线，也得将整个工程跑起来，代码管理、并行开发效率、分支管理、上线时间明显有所限制。大概就在去年底，我们的领导提出了这个问题，希望作成组件化，将代码重构拆分成模块，在主工程中组装拆分的模块，形成一个完整的App。

2. 组件化初识

随着业务线的增多，业务的复杂度增加，App的代码逻辑复杂度也增加了，后期的开发维护成本也增加了，为什么这么说呢？业务逻辑没有分类，查找问题效率降低（针对新手），运行也好慢哦，真的好烦哦......我们要改变这种局面。而组件化开发，就是将一个臃肿，复杂的单一工程的项目, 根据功能或者属性进行分解，拆分成为各个独立的功能模块或者组件 ; 然后根据项目和业务的需求，按照某种方式, 任意组织成一个拥有完整业务逻辑的工程。

组件化开发的缺点：

代码耦合严重
依赖严重
其它app接入某条产品线难以集成
项目复杂、臃肿、庞大，编译时间过长
难以做集成测试
对开发人员，只能使用相同的开发模式
......

组件化开发的优点：

项目结构清晰
代码逻辑清晰
拆分粒度小
快速集成
能做单元测试
代码利用率高
迭代效率高
......

组件化的实质：就是对现有项目或新项目进行基础、功能及业务逻辑的拆分，形成一个个的组件库，使宿主工程能在拆分的组件库里面查找需要的功能，组装成一个完整的App。

3. 组件化必备的工具使用

组件的存在方式是以每个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

Git命令的简单整理

CocoaPods远程私有库制作：

Create Component Project


pod lib create ProjectName

Use 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

Edit podspec file


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*.{h,m}','Classes/Bugly*.{h,m}','Classes/AMap*.{h,m}']
 s.public_header_files = ['Classes*.framework'
 s.xcconfig = { "FRAMEWORK_SEARCH_PATHS" => "Pods/WDContainerLib/Frameworks" }

 s.requires_arc = true
end

6. 组件之间的通讯

在将业务控制器拆分出去后，如果一个组件要调用另一个组件里面的控制器，平常的做法是直接==#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界面；

7. 组件化后的资源加载

新项目已开始就采用组件化开发，还是特别容易的，如果是老项目重构成组件化，那就比较悲剧了，OC项目重构后，app包里面会有一个==Frameworks==文件夹，所有的组件都在这个文件夹下，并且以==.framework==（比如：WDComponentLogin.framework）结尾。在工程中使用的==xib、图片==，使用正常的方式加载，是加载不到的，原因就是xib、图片的路径==（工程.app/Frameworks/WDComponentLogin.framework/LoginViewController.nib、工程.app/Frameworks/WDComponentLogin.framework/login.png）==发生了变化。

以下是在组件库中加载nib文件/图片文件的所有情况：



+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName;


+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName frameworkName:(NSString *_Nonnull)frameworkName;


+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName bundleName:(NSString *_Nonnull)bundleName frameworkName:(NSString *_Nonnull)frameworkName;


+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName bundleName:(NSString *_Nonnull)bundleName;


+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName targetClass:(Class _Nonnull)targetClass;


+ (UIImage *_Nullable)loadImageNamed:(NSString *_Nonnull)imageName bundleName:(NSString *_Nonnull)bundleName targetClass:(Class _Nonnull)targetClass;


+ (UINib *_Nullable)loadNibClass:(NSObject *_Nonnull)targetClass;

控制器加载方式：


@implementation WDBaseViewController

- (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)!
}

8. OC工程底层换swift代码

目前正在做OC底层的统一，换成swift写的代码。

控制器Base、WEB控制器Base使用OC代码，因为OC控制器不能继承Swift，而Swift控制器可以继承OC写的控制器。

导航栏、工具栏、路由、基础组件、功能组件、混合开发插件都是用Swift语言。

Swift移动组件大部分完成，OC工程、Swift工程都统一使用开发的移动组件库。

9. 总结

经过半年的努力重构，终于将工程拆分成组件化开发了，也从中学到了很多，希望自己能再接再厉和同事一起进步。

好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对编程网的支持。

--结束END--

本文标题: iOS组件化开发实战记录

本文链接: https://lsjlt.com/news/30288.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

回答

如何调试操作系统的错误？
操作系统

2023-11-15发布

回答

操作系统中的I/O系统是如何实现的？
操作系统

2023-11-15发布

回答

如何实现操作系统的内存管理？
操作系统

2023-11-15发布

回答

什么是虚拟内存，它对操作系统有什么影响？
操作系统

2023-11-15发布

回答

ASP中的MVC架构和WebForms架构有什么区别和使用场景？
ASP.NET

2023-11-15发布

回答

ASP中的数据验证和数据校验有什么不同？
ASP.NET

2023-11-15发布

回答

ASP中的ADO对象和DAO对象有什么区别和使用方法？
ASP.NET

2023-11-15发布

回答

Node.js中的包管理器NPM是什么？如何使用它进行依赖管理？
node.js

2023-11-15发布

回答

Vue.js中的动态组件是什么？如何使用它来动态渲染组件？
VUE

2023-11-15发布

回答

如何使用Vue.js实现懒加载和预加载？
VUE

2023-11-15发布

iOS组件化开发实战记录

目录

1. 组件化需求来源

2. 组件化初识

3. 组件化必备的工具使用

6. 组件之间的通讯

7. 组件化后的资源加载

8. OC工程底层换swift代码

9. 总结

iOS组件化开发实战记录

iOS WKWebView秒开方案实战记录

iOS 小组件开发 && iOS 小组件开发用到的技术

ios组件化开发的方法是什么

Vue3结合TypeScript项目开发实战记录

Android开发组件化架构设计原理到实战

微信小程序组件化开发的实战步骤

记一次SQL优化的实战记录

Vue组件封装之input输入框实战记录

MySQL中的SQL优化实战记录

关于Swagger优化的实战记录

Android组件化开发

C#多线程开发实战记录之线程基础

selenium UI自动化实战过程记录

Java优化if-else代码的实战记录

Vue中怎么实现组件化开发

Vue-router怎么实现组件化开发

vue-cli对element-ui组件进行二次封装的实战记录

一次nginx崩溃事件的实战记录

利用Jmeter发送Java请求的实战记录

Mac清理软件cleanmymac x4.14.4破解版,2024年有免费cleanmymac x激活码

山东移动CM311-5-ZG_国科GK6323V100C_安卓4.4.2_免拆U盘卡刷刷机固件包

基于微信海南海口某健身房私教预约小程序系统设计与实现研究背景和意义、国内外现状

Android Studio常用快捷键、Android Studio快捷键大全

xcode15下载ios17模拟器失败

C51模拟CSGO的C4炸弹小程序

uniapp中video层级太高解决方案，适用安卓/IOS/H5

基于微信小程序化妆品商城系统设计与实现

Axios使用方法详解，从入门到进阶

微信小程序使用自定义tabbar 想要获取tabbar的高度,返回的结果是null,该如何获取?