iOS 组件化方案,带有源码

概述

近一年iOS业界讨论组件化方案甚多,大体来说有3种。

Protocol注册方案

URL注册方案

Target-Action runtime调用方案

URL注册方案据我了解很多大公司都在采用,蘑菇街 App 的组件化之路蘑菇街的Limboy在这篇博客中做了很详尽的阐述

Target-Action runtime调用方案Casa在iOS应用架构谈 组件化方案中也做了很详尽的描述,前阵时间Casa开了一篇博客在现有工程中实施基于CTMediator的组件化方案清楚讲述了如何用这套方案实施组件化

Protocol方案我尚未看到有人做过详尽的分享,也许是我孤陋寡闻,不过在这里,我会教大家用Protocol方案实施组件化,不仅如此..

我会采用以上3种方案详尽的实现3个Demo,Demo会在文尾给到,本文不过多阐述3种方案的优劣,我会在最后做一个总结,希望给想了解组件化方案的同学或者给在项目中准备实施组件化方案的同学提供一个借鉴。

业务模拟场景

首页展示商品列表

商品详情页展示商品的详细信息

确认订单页生成订单

把业务连贯起来 点击首页中A商品,进入A商品的商品详情页,点击商品详情页中的立即购买进入确认订单页,点击确认订单页中的提交订单会返回到商品详情页,并且在商品详情页中告知用户下单成功.

真实业务场景下确认订单页点提交订单是不会回到商品详情页的,模拟这个场景是想在Demo中实现2个模块中反向回调。

一、Protocol注册方案

正式实施前先奉上Demo,建议只下一个主项目就可以了(注:下载完不需要pod install或者pod update,pods在我私有源上 我没有填写.gitignore文件,下载完都是可以直接跑的)

主项目地址

商品详情业务接口组件地址

商品详情业务组件地址

确认订单业务接口组件地址

确认订单业务组件地址

业务调度中间件地址

1.基本准备工作

先去gitHub创建一个项目存放私有Repo源,repo地址https://github.com/sun6boys/CRRepositories.git后面3种方案私有pod源都会放在这里。

本地添加私有源 终端执行命令pod repo add CRRepositories https://github.com/sun6boys/CRRepositories.git(如果之前并未向gitHub push过文件也没有把SSH公钥保存到gitHub,这时候应该会提示你输入gitHub账号密码)

以上操作完成cd ~/.cocoapods/repos目录下至少会有2个文件夹*CRRepositoriesmaster,master文件下面存放的是公有源文件,CRRepositories目录下目前是空的,后面会存放我们私有源文件

基本准备工作完成。

2.Xcode创建项目[CRProtocolManager]

CRProtocolManagerMGJRouterCTMediator一样属于模块之间调度的中间件

CRProtocolManager项目下创建名为CRProtocolManager的文件夹,后面我们需要做成私有pod的文件均放在该文件夹下。

创建CRProtocolManager类(.h,.m),定义2个对外接口

@interfaceCRProtocolManager:NSObject

+(void)registServiceProvide:(id)provideforProtocol:(Protocol*)protocol;

+(id)serviceProvideForProtocol:(Protocol *)protocol;

@end

具体方法实现很简单可以参看Demo,我这里只是简单处理。

接下来就是要把项目提交到gitHub,做私有pod了

gitHub新建一个project名为CRProtocolManager

终端cd至CRProtocolManager项目目录下执行命令git remote add origin https://github.com/sun6boys/CRProtocolManager.git

因cocoaPods强制添加开源许可文件执行命令echo MIT>FILE_LICENSE创建名为FILE_LICENSE的文件

终端cd至CRProtocolManager目录下执行命令pod spec create CRProtocolManager

执行命令vim .CRProtocolManager.podspec编辑podspec文件,具体如何编辑可参看Demo中的podspec文件或者google

退出编辑执行命令git add .

`git commit -m ‘log’

git tag 0.0.1tag一定要和podspec中的version一致

git push origin master --tags–tags为了把刚才添加的tag提交上去

执行命令pod repo push CRRepositories CRProtocolManager.podspec --verbose --allow-warnings注:CRRepositories即为准备工作中的私有源仓库

成功后pod search CRProtocolManager应该就能搜索到了

万里长征终于走完第一步,基础设施已经构建完毕

3.商品详情业务模块

既然组件化了,那我们所有的业务模块都是单独的project,但是这里我会分2个project,一个是商品详情业务入口模块,一个是商品详情业务模块。业务入口模块即是定义该模块对外提供业务接口的protocol,如果A模块需要调用到B模块,那A模块只需要引入CRProtocolManager和B模块的protocol,而不是引入整个B模块。

新建一个projectCRGoodsDetailServiceProtocol,创建一个和项目名一样的protocol文件,定义接口如下

@protocolCRGoodsDetailServiceProtocol

@required;

-(UIViewController *)goodsDetailViewControllerWithGoodsId:(NSString*)goodsIdgoodsName:(NSString *)goodsName;

@end

参照CRProtocolManager做成私有pod

以上实施完毕,新建一个projectCRGoodsDetail,新建2个类

1

2CRGoodsDetailServiceProvide

CRGoodsDetailViewController

CRGoodsDetailServiceProvide即是CRGoodsDetailServiceProtocol的实现者所以他依赖

CRGoodsDetailServiceProtocol,因为商品详情模块需要跳转到订单确认页,所以他也依赖CRProtocolManager。

添加Podfile文件编辑如下

source'https://github.com/sun6boys/CRRepositories.git'

source'https://github.com/CocoaPods/Specs.git'

target'CRGoodsDetail'do

pod"CRProtocolManager"

pod"CRGoodsDetailServiceProtocol"

end

执行pod install --verbose --no-repo-update

最终CRGoodsDetailServiceProvide实现代码如下

#import "CRGoodsDetailServiceProvide.h"

#import

#import

#import "CRGoodsDetailViewController.h"

@interfaceCRGoodsDetailServiceProvide()

@end

@implementationCRGoodsDetailServiceProvide

+(void)load

{

[CRProtocolManagerregistServiceProvide:[[selfalloc]init]forProtocol:@protocol(CRGoodsDetailServiceProtocol)];

}

-(UIViewController *)goodsDetailViewControllerWithGoodsId:(NSString*)goodsIdgoodsName:(NSString *)goodsName

{

CRGoodsDetailViewController *goodsDetailVC=[[CRGoodsDetailViewControlleralloc]initWithGoodsId:goodsIdgoodsName:goodsName];

returngoodsDetailVC;

}

@end

CRGoodsDetailViewController实现代码如下

#import "CRGoodsDetailViewController.h"

@interfaceCRGoodsDetailViewController()

@property(nonatomic,copy)NSString *goodsId;

@property(nonatomic,copy)NSString *goodsName;

@property(nonatomic,strong)UILabel *statusLabel;

@property(nonatomic,strong)UIButton *buyButton;

@end

@implementationCRGoodsDetailViewController

-(instancetype)initWithGoodsId:(NSString *)goodsIdgoodsName:(NSString *)goodsName

{

self=[superinit];

if(self){

_goodsId=goodsId;

_goodsName=goodsName;

}

returnself;

}

-(void)viewDidLoad{

[superviewDidLoad];

self.navigationItem.title=self.title;

[self.viewaddSubview:self.statusLabel];

[self.viewaddSubview:self.buyButton];

}

-(void)viewWillLayoutSubviews

{

[superviewWillLayoutSubviews];

self.statusLabel.frame=CGRectMake(0,0,100,20);

self.statusLabel.center=self.view.center;

self.buyButton.frame=CGRectMake(0,self.view.frame.size.height-45,self.view.frame.size.width,45);

}

#pragma mark - event

-(void)didClickBuyButton:(UIButton *)button

{

}

#pragma mark - getters

-(UILabel *)statusLabel

{

if(_statusLabel==nil){

_statusLabel=[[UILabelalloc]init];

_statusLabel.textColor=[UIColorredColor];

_statusLabel.font=[UIFontsystemFontOfSize:15.f];

_statusLabel.textAlignment=NSTextAlignmentCenter;

_statusLabel.text=@"暂未购买";

}

return_statusLabel;

}

-(UIButton *)buyButton

{

if(_buyButton==nil){

_buyButton=[UIButtonbuttonWithType:UIButtonTypeCustom];

[_buyButtonsetTitle:@"立即购买"forState:UIControlStateNormal];

[_buyButtonsetTitleColor:[UIColorwhiteColor]forState:UIControlStateNormal];

[_buyButtonsetBackgroundColor:[UIColorredColor]];

[_buyButtonaddTarget:selfaction:@selector(didClickBuyButton:)forControlEvents:UIControlEventTouchUpInside];

}

return_buyButton;

}

@end

把CRGoodsDetail做成私有pod 记得编辑podspec文件的时候添加dependencyCRProtocolManagerCRGoodsDetailServiceProtocol

4.新建主项目MainProject

为了少建一个项目首页模块我是直接放在主项目中的,按理首页也应该是一个独立的pod.

首页业务场景是,显示商品列表,点击某个商品进入该商品详情页. 所以他依赖CRGoodsDetailServiceProtocol和CRProtocolManager因为首页模块即是主项目所以他还得依赖CRGoodsDetail

最终首页核心代码如下

#pragma mark - event

-(void)didClickGoodsButton:(UIButton *)button

{

idgoodsServiceProvide=[CRProtocolManagerserviceProvideForProtocol:@protocol(CRGoodsDetailServiceProtocol)];

UIViewController *goodsDetailVC=[goodsServiceProvidegoodsDetailViewControllerWithGoodsId:@"123"goodsName:@"农夫山泉矿泉水"];

[self.navigationControllerpushViewController:goodsDetailVCanimated:YES];

}

5.确认订单模块

参照商品详情新建确认订单业务入口pod 以及确认订单业务pod.和商品详情有区别的是,提交订单完成后要回到商品详情并且通知商品详情用户已经购买,所以CRConfirmOrderServiceProtocol接口定义如下

@protocolCRConfirmOrderServiceProtocol

-(UIViewController *)confirmOrderViewControllerWithGoodsId:(NSString *)goodsIdsureComplete:(dispatch_block_t)sureComplete;

@end

最后记得在商品详情加上跳转并且podspec里面加上dependency

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 210,978评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 89,954评论 2 384
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,623评论 0 345
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,324评论 1 282
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,390评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,741评论 1 289
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,892评论 3 405
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,655评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,104评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,451评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,569评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,254评论 4 328
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,834评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,725评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,950评论 1 264
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,260评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,446评论 2 348

推荐阅读更多精彩内容