iOS開發-進階:架構模式--解密 MVC,MVP,MVVM以及VIPER架構

在 iOS 中使用 MVC 架構感覺很奇怪? 遷移到MVVM架構又懷有疑慮?聽說過 VIPER 又不確定是否真的值得切換?

相信你會找到以上問題的答案,如果沒找到請在評論中指出。

你將要整理出你在 iOS 環境下所有關于架構模式的知識。我們將帶領大家簡要的回顧一些流行的架構,并且在理論和實踐上對它們進行比較,通過一些小的例子深化你的認知。如果對文中提到的一些關鍵詞有興趣,可以點擊連接去查看更詳細的內容。

掌控設計模式可能會使人上癮,所以要當心,你可能會對一些問題清晰明了,不再像閱讀之前那樣迷惑,比如下面這些問題:

誰應該來負責網絡請求?Model 還是 Controller ?

應該怎樣向一個新的頁面的 ViewModel 傳入一個 Model ?

誰來創建一個 VIPER 模塊,是 Router 還是 Presenter ?

為什么要關注架構設計?

因為假如你不關心架構,那么總有一天,需要在同一個龐大的類中調試若干復雜的事情,你會發現在這樣的條件下,根本不可能在這個類中快速的找到以及有效的修改任何bug.當然,把這樣的一個類想象為一個整體是困難的,因此,有可能一些重要的細節總會在這個過程中會被忽略。如果現在的你正是處于這樣一個開發環境中,很有可能具體的情況就像下面這樣:

這個類是一個UIViewController的子類

數據直接在UIViewController中存儲

UIView類幾乎不做任何事情

Model 僅僅是一個數據結構

單元測試覆蓋不了任何用例

以上這些情況仍舊會出現,即使是你遵循了Apple的指導原則并且實現了其MVC(模式,所以,大可不必驚慌。Apple所提出的MVC模式存在一些問題,我們之后會詳述。

在此,我們可以定義一個好的架構應該具備的特點:

任務均衡分攤給具有清晰角色的實體

可測試性通常都來自與上一條(對于一個合適的架構是非常容易)

易用性和低成本維護

為什么采用分布式?

采用分布式可以在我們要弄清楚一些事情的原理時保持一個均衡的負載。如果你認為你的開發工作越多,你的大腦越能習慣復雜的思維,其實這是對的。但是,不能忽略的一個事實是,這種思維能力并不是線性增長的,而且也并不能很快的到達峰值。所以,能夠戰勝這種復雜性的最簡單的方法就是在遵循單一功能原則的前提下,將功能劃分給不同的實體。

為什么需要易測性?

其實這條要求對于哪些習慣了單元測試的人并不是一個問題,因為在添加了新的特性或者要增加一些類的復雜性之后通常會失效。這就意味著,測試可以避免開發者在運行時才發現問題----當應用到達用戶的設備,每一次維護都需要浪費長達至少[一周](http://appreviewtimes.com)的時間才能再次分發給用戶。

為什么需要易用性?

這個問題沒有固定的答案,但值得一提的是,最好的代碼是那些從未寫過的代碼。因此,代碼寫的越少,Bug就越少。這意味著希望寫更少的代碼不應該被單純的解釋為開發者的懶惰,而且也不應該因為偏愛更聰明的解決方案而忽視了它的維護開銷。

MV(X)系列概要

當今我們已經有很架構設計模式方面的選擇:

MVC

MVP

MVVM

VIPER

前三種設計模式都把一個應用中的實體分為以下三類:

Models--負責主要的數據或者操作數據的數據訪問層,可以想象 Perspn 和 PersonDataProvider 類。

Views--負責展示層(GUI),對于iOS環境可以聯想一下以 UI 開頭的所有類。

Controller/Presenter/ViewModel--負責協調 Model 和 View,通常根據用戶在View上的動作在Model上作出對應的更改,同時將更改的信息返回到View上。

將實體進行劃分給我們帶來了以下好處:

更好的理解它們之間的關系

復用(尤其是對于View和Model)

獨立的測試

讓我們開始了解MV(X)系列,之后再返回到VIPER模式。

MVC的過去

在我們探討Apple的MVC模式之前,我們來看下傳統的MVC模式

傳統的MVC

在這里,View并沒有任何界限,僅僅是簡單的在Controller中呈現出Model的變化。想象一下,就像網頁一樣,在點擊了跳轉到某個其他頁面的連接之后就會完全的重新加載頁面。盡管在iOS平臺上實現這這種MVC模式是沒有任何難度的,但是它并不會為我們解決架構問題帶來任何裨益。因為它本身也是,三個實體間相互都有通信,而且是緊密耦合的。這很顯然會大大降低了三者的復用性,而這正是我們不愿意看到的。鑒于此我們不再給出例子。

“傳統的MVC架構不適用于當下的iOS開發”

蘋果推薦的MVC--愿景

Cocoa MVC

由于Controller是一個介于View 和 Model之間的協調器,所以View和Model之間沒有任何直接的聯系。Controller是一個最小可重用單元,這對我們來說是一個好消息,因為我們總要找一個地方來寫邏輯復雜度較高的代碼,而這些代碼又不適合放在Model中。

理論上來講,這種模式看起來非常直觀,但你有沒有感到哪里有一絲詭異?你甚至聽說過,有人將MVC的縮寫展開成(Massive View Controller),更有甚者,為View controller減負也成為iOS開發者面臨的一個重要話題。如果蘋果繼承并且對MVC模式有一些進展,所有這些為什么還會發生?

蘋果推薦的MVC--事實

Realistic Cocoa MVC

Cocoa的MVC模式驅使人們寫出臃腫的視圖控制器,因為它們經常被混雜到View的生命周期中,因此很難說View和ViewController是分離的。盡管仍可以將業務邏輯和數據轉換到Model,但是大多數情況下當需要為View減負的時候我們卻無能為力了,View的最大的任務就是向Controller傳遞用戶動作事件。ViewController最終會承擔一切代理和數據源的職責,還負責一些分發和取消網絡請求以及一些其他的任務,因此它的名字的由來...你懂的。

你可能會看見過很多次這樣的代碼:


這個cell,正是由View直接來調用Model,所以事實上MVC的原則已經違背了,但是這種情況是一直發生的甚至于人們不覺得這里有哪些不對。如果嚴格遵守MVC的話,你會把對cell的設置放在 Controller 中,不向View傳遞一個Model對象,這樣就會大大增加Controller的體積。

“Cocoa 的MVC被寫成Massive View Controller 是不無道理的。”

直到進行單元測試的時候才會發現問題越來越明顯。因為你的ViewController和View是緊密耦合的,對它們進行測試就顯得很艱難--你得有足夠的創造性來模擬View和它們的生命周期,在以這樣的方式來寫View Controller的同時,業務邏輯的代碼也逐漸被分散到View的布局代碼中去。

我們看下一些簡單的例子:


“MVC可以在一個正在顯示的ViewController中實現”

這段代碼看起來可測試性并不強,我們可以把和greeting相關的都放到GreetingModel中然后分開測試,但是這樣我們就無法通過直接調用在GreetingViewController中的UIView的方法(viewDidLoad和didTapButton方法)來測試頁面的展示邏輯了,因為一旦調用則會使整個頁面都變化,這對單元測試來講并不是什么好消息。

事實上,在單獨一個模擬器中(比如iPhone 4S)加載并測試UIView并不能保證在其他設備中也能正常工作,因此我建議在單元測試的Target的設置下移除"Host Application"項,并且不要在模擬器中測試你的應用。

“View和Controller的接口并不適合單元測試。”

以上所述,似乎Cocoa MVC 看起來是一個相當差的架構方案。我們來重新評估一下文章開頭我們提出的MVC一系列的特征:

任務均攤--View和Model確實是分開的,但是View和Controller卻是緊密耦合的

可測試性--由于糟糕的分散性,只能對Model進行測試

易用性--與其他幾種模式相比最小的代碼量。熟悉的人很多,因而即使對于經驗不那么豐富的開發者來講維護起來也較為容易。

如果你不想在架構選擇上投入更多精力,那么Cocoa MVC無疑是最好的方案,而且你會發現一些其他維護成本較高的模式對于你所開發的小的應用是一個致命的打擊。

“就開發速度而言,Cocoa MVC是最好的架構選擇方案。”

MVP實現了Cocoa的MVC的愿景

Passive View variant of MVP

這看起來不正是蘋果所提出的MVC方案嗎?確實是的,這種模式的名字叫做MVC,但是,這就是說蘋果的MVC實際上就是MVP了?不,并不是這樣的。如果你仔細回憶一下,View是和Controller緊密耦合的,但是MVP的協調器Presenter并沒有對ViewController的生命周期做任何改變,因此View可以很容易的被模擬出來。在Presenter中根本沒有和布局有關的代碼,但是它卻負責更新View的數據和狀態。

“假如告訴你UIViewController就是View呢?”

就MVP而言,UIViewController的子類實際上就是Views并不是Presenters。這點區別使得這種模式的可測試性得到了極大的提高,付出的代價是開發速度的一些降低,因為必須要做一些手動的數據和事件綁定,從下例中可以看出:



關于整合問題的重要說明

MVP是第一個如何協調整合三個實際上分離的層次的架構模式,既然我們不希望View涉及到Model,那么在顯示的View Controller(其實就是View)中處理這種協調的邏輯就是不正確的,因此我們需要在其他地方來做這些事情。例如,我們可以做基于整個App范圍內的路由服務,由它來負責執行協調任務,以及View到View的展示。這個出現并且必須處理的問題不僅僅是在MVP模式中,同時也存在于以下集中方案中。

我們來看下MVP模式下的三個特性的分析:

任務均攤--我們將最主要的任務劃分到Presenter和Model,而View的功能較少(雖然上述例子中Model的任務也并不多)。

可測試性--非常好,由于一個功能簡單的View層,所以測試大多數業務邏輯也變得簡單

易用性--在我們上邊不切實際的簡單的例子中,代碼量是MVC模式的2倍,但同時MVP的概念卻非常清晰

“iOS 中的MVP意味著可測試性強、代碼量大。”

MVP--綁定和信號

還有一些其他形態的MVP--監控控制器的MVP。

這個變體包含了View和Model之間的直接綁定,但是Presenter仍然來管理來自View的動作事件,同時也能勝任對View的更新。

Supervising Presenter variant of the MVP

但是我們之前就了解到,模糊的職責劃分是非常糟糕的,更何況將View和Model緊密的聯系起來。這和Cocoa的桌面開發的原理有些相似。

和傳統的MVC一樣,寫這樣的例子沒有什么價值,故不再給出。

MVVM--最新且是最偉大的MV(X)系列的一員

MVVM架構是MV(X)系列最新的一員,因此讓我們希望它已經考慮到MV(X)系列中之前已經出現的問題。

從理論層面來講MVVM看起來不錯,我們已經非常熟悉View和Model,以及Meditor,在MVVM中它是View Model。


MVVM

它和MVP模式看起來非常像:

MVVM將ViewController視作View

在View和Model之間沒有緊密的聯系

此外,它還有像監管版本的MVP那樣的綁定功能,但這個綁定不是在View和Model之間而是在View和ViewModel之間。

那么問題來了,在iOS中ViewModel實際上代表什么?它基本上就是UIKit下的每個控件以及控件的狀態。ViewModel調用會改變Model同時會將Model的改變更新到自身并且因為我們綁定了View和ViewModel,第一步就是相應的更新狀態。

綁定

我在MVP部分已經提到這點了,但是該部分我們仍會繼續討論。

如果我們自己不想自己實現,那么我們有兩種選擇:

基于KVO的綁定庫如RZDataBindingSwiftBond

完全的函數響應式編程,比如像ReactiveCocoaRxSwift或者PromiseKit

事實上,尤其是最近,你聽到MVVM就會想到ReactiveCoca,反之亦然。盡管通過簡單的綁定來使用MVVM是可實現的,但是ReactiveCocoa卻能更好的發揮MVVM的特點。

但是關于這個框架有一個不得不說的事實:強大的能力來自于巨大的責任。當你開始使用Reactive的時候有很大的可能就會把事情搞砸。換句話來說就是,如果發現了一些錯誤,調試出這個bug可能會花費大量的時間,看下函數調用棧:


Reactive Debugging

在我們簡單的例子中,FRF框架和KVO被過渡禁用,取而代之地我們直接去調用showGreeting方法更新ViewModel,以及通過greetingDidChange 回調函數使用屬性。



讓我們再來看看關于三個特性的評估:

任務均攤 -- 在例子中并不是很清晰,但是事實上,MVVM的View要比MVP中的View承擔的責任多。因為前者通過ViewModel的設置綁定來更新狀態,而后者只監聽Presenter的事件但并不會對自己有什么更新。

可測試性 -- ViewModel不知道關于View的任何事情,這允許我們可以輕易的測試ViewModel。同時View也可以被測試,但是由于屬于UIKit的范疇,對他們的測試通常會被忽略。

易用性 -- 在我們例子中的代碼量和MVP的差不多,但是在實際開發中,我們必須把View中的事件指向Presenter并且手動的來更新View,如果使用綁定的話,MVVM代碼量將會小的多。

“MVVM很誘人,因為它集合了上述方法的優點,并且由于在View層的綁定,它并不需要其他附加的代碼來更新View,盡管這樣,可測試性依然很強。”

VIPER--把LEGO建筑經驗遷移到iOS app的設計

VIPER是我們最后要介紹的,由于不是來自于MV(X)系列,它具備一定的趣味性。

迄今為止,劃分責任的粒度是很好的選擇。VIPER在責任劃分層面進行了迭代,VIPER分為五個層次:

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?VIPER

交互器-- 包括關于數據和網絡請求的業務邏輯,例如創建一個實體(數據),或者從服務器中獲取一些數據。為了實現這些功能,需要使用服務、管理器,但是他們并不被認為是VIPER架構內的模塊,而是外部依賴。

展示器-- 包含UI層面的業務邏輯以及在交互器層面的方法調用。

實體-- 普通的數據對象,不屬于數據訪問層次,因為數據訪問屬于交互器的職責。

路由器-- 用來連接VIPER的各個模塊。

基本上,VIPER模塊可以是一個屏幕或者用戶使用應用的整個過程--想想認證過程,可以由一屏完成或者需要幾步才能完成,你的模塊期望是多大的,這取決于你。

當我們把VIPER和MV(X)系列作比較時,我們會在任務均攤性方面發現一些不同:

Model邏輯通過把實體作為最小的數據結構轉換到交互器中。

Controller/Presenter/ViewModel的UI展示方面的職責移到了Presenter中,但是并沒有數據轉換相關的操作。

VIPER是第一個通過路由器實現明確的地址導航模式。

“找到一個適合的方法來實現路由對于iOS應用是一個挑戰,MV(X)系列避開了這個問題。”

例子中并不包含路由和模塊之間的交互,所以和MV(X)系列部分架構一樣不再給出例子。



讓我們再來評估一下特性:

任務均攤 -- 毫無疑問,VIPER是任務劃分中的佼佼者。

可測試性 -- 不出意外地,更好的分布性就有更好的可測試性。

易用性 -- 最后你可能已經猜到了維護成本方面的問題。你必須為很小功能的類寫出大量的接口。

什么是LEGO

當使用VIPER時,你的感覺就像是用樂高積木來搭建一個城堡,這也是一個表明當前存在一些問題的信號。可能現在就應用VIPER架構還為時過早,考慮一些更為簡單的模式可能會更好。一些人會忽略這些問題,大材小用。假定他們篤信VIPER架構會在未來給他們的應用帶來一些好處,雖然現在維護起來確實是有些不合理。如果你也持這樣的觀點,我為你推薦Generamba這個用來搭建VIPER架構的工具。雖然我個人感覺,使用起來就像加農炮的自動瞄準系統,而不是簡單的像投石器那樣的簡單的拋擲。

總結

我們了解了集中架構模式,希望你已經找到了到底是什么在困擾你。毫無疑問通過閱讀本篇文章,你已經了解到其實并沒有完全的銀彈。所以選擇架構是一個根據實際情況具體分析利弊的過程。

因此,在同一個應用中包含著多種架構。比如,你開始的時候使用MVC,然后突然意識到一個頁面在MVC模式下的變得越來越難以維護,然后就切換到MVVM架構,但是僅僅針對這一個頁面。并沒有必要對哪些MVC模式下運轉良好的頁面進行重構,因為二者是可以并存的。


上圖為2017年最新的視頻教程資料,搜索235再填上214最后輸入9755加我好友私聊我上傳視頻教程,有什么不懂的也可以來私聊問我。

不定時更新中。

如果你能明白這些視頻資料的好差,那么你也算是入行了,底層和中高層就是這一步之差。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,546評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,570評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,505評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,017評論 1 313
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,786評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,219評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,287評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,438評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,971評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,796評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,995評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,540評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,230評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,918評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,697評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374

推薦閱讀更多精彩內容