組件化分享

1.設計思想

1.1.為什么要做組件化
  • 編譯效率低下
  • 多人協作困難
  • 開發不夠敏捷
  • 多APP相同模塊未復用導致重復開發
  • 測試復雜
  • 耦合嚴重
  • 其它
1.2.什么是組件化

顧名思義就是把一個大的 App 拆成一個個小的組件,相互之間不直接引用,然后通過主工程將項目所需要的組件組合起來

  • 代碼分庫:底層SDK(埋點、性能監測...)-->中層UI組件(分享、城市切換...)-->上層業務組件(資訊、車型...)
  • 使用Cocoapods的Podfile來管理,再在主工程把各個子庫的版本號聚合起來
  • 合理的分層架構
  • 理清依賴關系
  • 一整套工具鏈支撐組件發版與集成
1.3.改造前的方案
  • 協議注冊這一步是不需要的,會造成不必要的內存常住,新增模塊需要注冊才能使用
  • 通過協議顯式調用各組件的服務,如果服務實現發生變化,勢必需要修改協議接口,阻塞開發。
1.4.改造后的方案

目前現有的業務已經穩定,各組件間的接口調用不會發生大的變化,所以可以進行大范圍的改造。

  • 組件間的通信改為硬編碼的方式,參數為URL和para
  • 通過解析URL獲取action后采用runtime方式統一處理
  • 去掉protocol層及service層改為category實現,category內部通過performTarget:action:params:來調度runtime
  • 各組件增加target類來實現runtime的最終調度
  • 改造方案

2.一些概念

2.1. scheme
2.2. category
  • category本身就是一種組合模式,根據不同的分類提供不同的方法,此時每一個組件就是一個分類,因此把每個組件可以支持的調用用category封裝是很合理的。
  • 在category的方法中可以做到參數的驗證,在架構中對于保證參數安全是很有必要的。當參數不對時,category就提供了補救的入口。
  • category可以很輕松地做請求轉發,如果不采用category,請求轉發邏輯就非常難做了。
  • category統一了所有的組件間調用入口,因此無論是在調試還是源碼閱讀上,都為工程師提供了極大的方便。
  • 由于category統一了所有的調用入口,使得在跨模塊調用時,對于param的hardcode在整個App中的作用域僅存在于category中,在這種場景下的hardcode就已經變成和調用宏或者調用聲明沒有任何區別了,因此是可以接受的。

3.實際應用

??:搜索模塊結果頁點擊圖集跳轉到車型模塊圖集頁

項目需要引入BPTRoute

pod 'BPTRoute'
一、響應方

首先創建車型模塊的category庫(目前放在了一起),創建BPTMediator的category

BPTMediator+BPChoseSelegate

實現接口

/**
 圖集新

 @param param
  @{@"modelId":12367,   //車系id
   @"groupId":1,         //圖集類型(1:外觀  2:前排  3:后排  4:官方  5:圖解)
   @"photoId":@"",      //選中圖片Id
   @"styleId":@"",      //車款id
   @"colorId":@"",      //顏色id
   @"innerColorId":@""} //內飾顏色id
 
 Exampe:
 
 [BPTRouteShared bptRouteOpenUrl:@"bitauto.yicheapp://yicheApp/xuanche/galleryAggregate" query:@{@"modelId":@"",@"groupId":@""}];
 
 */
- (void)xuanchegalleryAggregate:(nullable NSDictionary *)param;

- (void)xuanchegalleryAggregate:(nullable NSDictionary *)param{
     [BPTRouteShared bptperformTarget:BPTMediatorBPTarget_CarModeler action:@"xuanchegalleryAggregate" params:param shouldCacheTarget:NO];
}

之后在車型模塊創建target類BPTarget_CarModel,實現上面的actionxuanchegalleryAggregate。因為BPTarget_CarModel處于車型模塊,所以可以處理所有車型模塊相關業務

- (void)xuanchegalleryAggregate:(nullable NSDictionary *)param{
   [BPCJumpRouteManger chooseJumpCondeMage:BPCPhotoBrowserDetail dic:param other:nil];
}
二、調用方

調用方BPQSearchAllViewController引入BPTMediator

#import "BPTMediator.h"

點擊圖集時執行:openURL

[[BPTMediator sharedInstance] bptRouteOpenUrl:@"bitauto://yicheApp/xuanche/galleryAggregate"
                                          query:@{@"modelId":albumModel.serialId?:@"",
                                                  @"groupId":[BPQTool photoTypeWithPicType:@(phontoType)],
                                                  @"photoId":photoId?:@""}];

4.參考

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容