iOS组件化方案-总结第一首。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栽方案的三六九等,我会在末做一个总,希望吃想询问组件化方案的同校或受当档次遭到准备实行组件化方案的同学提供一个借鉴。

次篇
也曾出了传送门iOS组件化方案-总结第二首

概述

事情模拟场景

  • 首页亮商品列表
  • 商品详情页亮商品的详细信息
  • 确认订单页扭转订单

将作业连贯起来 点击首页中A商品,进入A商品的商品详情页
,点击商品详情页中的 即请
进入确认订单页,点击确认订单页中的交付订单
会返回到商品详情页,并且在商品详情页着晓用户下才成功.

实际工作场景下确认订单页付订单
是不见面返回商品详情页的,模拟这个情景是怀念以Demo中实现2只模块中倒往回调。

贴近平年iOS业界讨论组件化方案非常多,大体来说有3种植。

同、Protocol注册方案

规范履行前先行接受上Demo,建议就下一个主项目就可以了(注:下充斥了不待pod
install或者pod update,pods在我私有源上
我从不填写.gitignore文件,下充斥了都是足以直接飞的)

主项目地址

货详情业务接口组件地址

商品详情业务组件地址

肯定订单业务接口组件地址

承认订单业务组件地址

事情调度中间件地址

Protocol注册方案

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\目录下时是空的,后面会存放我们私有源文件
  • 核心准备工作完成。

URL注册方案

2.Xcode开立项目[CRProtocolManager]

CRProtocolManagerMGJRouterCTMediator一如既往属于模块之间调度的高中级件

CRProtocolManager类型下创造名吧CRProtocolManager的公文夹,后面我们需要做成私有pod的文书均位居该文件夹下。

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

@interface CRProtocolManager : NSObject

+ (void)registServiceProvide:(id)provide forProtocol:(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.1 tag得要同podspec中之version一致

  • git push origin master --tags
    –tags为将刚才添加底tag提交上去

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

  • 成功后pod search CRProtocolManager该就是会招来到了

万里长征终于挪了第一步,基础设备一度构建了

Target-Action runtime调用方案

3.货详情业务模块

既然组件化了,那咱们具有的事务模块都是单独的project,但是此间我会分2个project,一个是货物详情工作入口模块,一个凡商品详情业务模块。业务入口模块即凡是概念该模块对外提供工作接口的protocol,如果A模块需要调用到B模块,那A模块只待引入CRProtocolManager和B模块的protocol,而非是引入整个B模块。

新建一个projectCRGoodsDetailServiceProtocol,创建一个与路名为相同的protocol文件,定义接口如下

@protocol CRGoodsDetailServiceProtocol <NSObject>

@required;

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

@end

参照CRProtocolManager做成私有pod

如上实施了,新建一个projectCRGoodsDetail,新建2个类

CRGoodsDetailServiceProvide
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 <CRGoodsDetailServiceProtocol/CRGoodsDetailServiceProtocol.h>
#import <CRProtocolManager/CRProtocolManager.h>

#import "CRGoodsDetailViewController.h"

@interface CRGoodsDetailServiceProvide()<CRGoodsDetailServiceProtocol>

@end

@implementation CRGoodsDetailServiceProvide

+ (void)load
{
    [CRProtocolManager registServiceProvide:[[self alloc] init] forProtocol:@protocol(CRGoodsDetailServiceProtocol)];
}

- (UIViewController *)goodsDetailViewControllerWithGoodsId:(NSString*)goodsId goodsName:(NSString *)goodsName
{
    CRGoodsDetailViewController *goodsDetailVC = [[CRGoodsDetailViewController alloc] initWithGoodsId:goodsId goodsName:goodsName];
    return goodsDetailVC;
}

@end

CRGoodsDetailViewController贯彻代码如下

#import "CRGoodsDetailViewController.h"

@interface CRGoodsDetailViewController ()

@property (nonatomic, copy) NSString *goodsId;
@property (nonatomic, copy) NSString *goodsName;

@property (nonatomic, strong) UILabel *statusLabel;
@property (nonatomic, strong) UIButton *buyButton;
@end

@implementation CRGoodsDetailViewController

- (instancetype)initWithGoodsId:(NSString *)goodsId goodsName:(NSString *)goodsName
{
    self = [super init];
    if (self) {
        _goodsId = goodsId;
        _goodsName = goodsName;
    }
    return self;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    self.navigationItem.title = self.title;

    [self.view addSubview:self.statusLabel];
    [self.view addSubview:self.buyButton];
}

- (void)viewWillLayoutSubviews
{
    [super viewWillLayoutSubviews];
    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 = [[UILabel alloc] init];
        _statusLabel.textColor = [UIColor redColor];
        _statusLabel.font = [UIFont systemFontOfSize:15.f];
        _statusLabel.textAlignment = NSTextAlignmentCenter;
        _statusLabel.text = @"暂未购买";
    }
    return _statusLabel;
}

- (UIButton *)buyButton
{
    if (_buyButton == nil) {
        _buyButton = [UIButton buttonWithType:UIButtonTypeCustom];
        [_buyButton setTitle:@"立即购买" forState:UIControlStateNormal];
        [_buyButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
        [_buyButton setBackgroundColor:[UIColor redColor]];
        [_buyButton addTarget:self action:@selector(didClickBuyButton:) forControlEvents:UIControlEventTouchUpInside];
    }
    return _buyButton;
}
@end

CRGoodsDetail做成私有pod
记得编辑podspec文件之时添加dependencyCRProtocolManager
CRGoodsDetailServiceProtocol

URL注册方案仍自己打听很多那个公司还在应用,拖街 App
的组件化之路耽搁街之Limboy在当下首博客中做了大详细的阐述

4.新建主项目MainProject

为少建一个类别首页模块我是直接放在主项目面临的,按理首页呢应是一个独自的pod.
首页事务场景是,显示商品列表,点击某个商品上该商品详情页.
所以他赖CRGoodsDetailServiceProtocolCRProtocolManager为首页模块即是主项目用他尚得靠CRGoodsDetail

说到底首页核心代码如下

#pragma mark - event
- (void)didClickGoodsButton:(UIButton *)button
{
    id<CRGoodsDetailServiceProtocol> goodsServiceProvide = [CRProtocolManager serviceProvideForProtocol:@protocol(CRGoodsDetailServiceProtocol)];
    UIViewController *goodsDetailVC = [goodsServiceProvide goodsDetailViewControllerWithGoodsId:@"123" goodsName:@"农夫山泉矿泉水"];
    [self.navigationController pushViewController:goodsDetailVC animated:YES];

}

Target-Action runtime调用方案Casa在iOS应用架构谈
组件化方案受为开了杀详细的描述,前阵时间Casa开了同一首博客当存活工程中实施基于CTMediator的组件化方案知道讲述了哪用就套方案执行组件化

5.确认订单模块

参照商品详情新建确认订单业务入口pod
以及确认订单业务pod.和商品详情发出分之是,提交订单完成后如返回商品详情还要通知商品详情用户就进,所以CRConfirmOrderServiceProtocol接口定义如下

@protocol CRConfirmOrderServiceProtocol <NSObject>

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

@end

末段记得在商品详情累加跳转并且podspec里面长dependency

Protocol方案我莫看到有人做了详尽的享用,也许是自个儿孤陋寡闻,不过以此地,我会教大家用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

相关文章

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图