打造你的 App 架構 iOS 模塊化及路由

About iOS App modularization architecture and router design, sharing @iPlayground2020 in Taiwan. https://iplayground.io/2020/

Transcript

1. Frank @iPlayground2020 打造你的 App 架構 iOS 模塊化及路由
2. About me 黃⾱程 (Frank) • Start iOS journey from 2010 • Ex-iOS developer 上海 @Farfetch • Ex-iOS developer 北京 @滴滴出⾏ • iOS developer @17LIVE • Twitter: @huang_wc • https://blog.wchuang.cc
3. 1. 為什麼選這個主題 2. 什麼是模塊化 3. 可以帶來哪些好處 4. 怎麼開始 5. App 架構分層 6. App 路由 7. 路由設計思路及使⽤範例 8. 總結 Content
4. 為什麼選這個主題？
5. 什麼是模塊化？ Modularization? 組件化? 模組化?
6. Modular Design 模組化設計（英語：Modular design），也稱模塊化設計，是⾨設計 理論與實作⽅法，其旨在於將⼀個系統細分為許多⼩單元，稱為模組 （module）或模塊（block），可以獨立的於不同的系統中被建立與 使⽤。模組化設計的特徵為將功能切分為抽象的、可擴充的、可重複 使⽤的模組；模組需嚴格使⽤定義明確的模塊化接⼝，並以⾏業間標 準作為接⼝規範。在這種情況下，模組化在組件級別實作，並且具有 ⼀個單⼀、固定且特殊的組件插槽。這種由組件單元組合⽽成的模組 化系統，通常稱為使⽤模組化組件的平台系統。例如個⼈電腦上的 USB。 通常使⽤主程式、⼦程式和⼦過程等架構將軟體的主要結構和流程描 述出來，⽽非⼀般程式的編寫──逐條輸入電腦程式和指令。
8. • SDK 設計 • 開發思維轉換 • 設計原則 • 定義易⽤穩定的公開接⼝ • 封裝不必要的細節 • SOLID 準則 Modular Design
9. 可以帶來哪些好處？
11. http://www.jifang369.com/ ⼯程師表⽰：...
12. https://www.sohu.com/
14. ⼤型專案可能⾯臨的問題 1. 業務界線不明確 2. 通⽤功能與業務功能耦合 3. 重複輪⼦太多 4. ⼀堆詭異的常數定義 5. 無法快速產⽣ B 專案 6. etc.
15. ⼤型專案可能⾯臨的問題 1. 業務界線不明確 2. 通⽤功能與業務功能耦合 3. 重複輪⼦太多 4. ⼀堆詭異的常數定義 5. 無法快速產⽣ B 專案 6. etc.
17. FKChatViewC ontroller FKUserProfile ViewController
18. FKChatViewC ontroller FKUserProfile ViewController 1. import header file
19. FKChatVi ewControlle r FKUserPr ofileViewCo ntroller 1. import header file 2. Get datasource and push/present the view controller
20. ⼤型專案可能⾯臨的問題 1. 業務界線不明確 2. 通⽤功能與業務功能耦合 3. 重複輪⼦太多 4. ⼀堆詭異的常數定義 5. 無法快速產⽣ B 專案 6. etc.
21. ⼤型專案可能⾯臨的問題 1. 業務界線不明確 2. 通⽤功能與業務功能耦合 3. 重複輪⼦太多 4. ⼀堆詭異的常數定義 5. 無法快速產⽣ B 專案 6. etc.
22. ⼤型專案可能⾯臨的問題 1. 業務界線不明確 2. 通⽤功能與業務功能耦合 3. 重複輪⼦太多 4. ⼀堆詭異的常數定義 5. 無法快速產⽣ B 專案 6. etc.
23. ⼤型專案可能⾯臨的問題 1. 業務界線不明確 2. 通⽤功能與業務功能耦合 3. 重複輪⼦太多 4. ⼀堆詭異的常數定義 5. 無法快速產⽣ B 專案 6. etc.
24. 怎麼開始？
25. 1. 熟悉業務邏輯 2. 拆解業務模塊 3. 分層架構 4. 下沈通⽤組件模塊 5. 完成路由⽅案 怎麼開始？
26. 1. 熟悉業務邏輯 2. 拆解業務模塊 3. 分層架構 4. 下沈通⽤組件模塊 5. 完成路由⽅案 怎麼開始？
27. 1. 熟悉業務邏輯 2. 拆解業務模塊 3. 分層架構 4. 下沈通⽤組件模塊 5. 完成路由⽅案 怎麼開始？
28. Checkout Product Login Shopping Bag 分層架構
29. Checkout Product Login Shopping Bag 分層架構 - Business Modules
30. 1. 熟悉業務邏輯 2. 拆解業務模塊 3. 分層架構 4. 下沈通⽤組件模塊 5. 完成路由⽅案 怎麼開始？
31. Checkout Product Login Shopping Bag 分層架構 - Service Module
32. Checkout Product Login Shopping Bag 分層架構 - Service Module ServiceManager
33. Checkout Product Login Shopping Bag 分層架構 - Service Module ServiceManager Model Model Model Model Auth Common Model
34. Checkout Product Login Shopping Bag 分層架構 - UIKit Module ServiceManager Model Model Model Model Auth Common Model AppKit Router ImageManager ThemeManger UI Components
35. Checkout Product Login Shopping Bag 分層架構 - Foundation Module ServiceManager Model Model Model Model Auth Common Model AppKit Router ImageManager ThemeManger UI Components Foundation Network DB Utilities Others
36. App 路由
37. App 路由 mailto:// tel:// https://17.live
38. App 路由 1. ⾴⾯跳轉 2. 資料傳遞
39. ⾴⾯跳轉？
40. G ViewController A ViewController D ViewController B ViewController E ViewController C ViewController F ViewController ⾴⾯跳轉？
41. 資料傳遞？
42. 資料傳遞？ Login components Start Result User components Chat components
43. 常⾒的解決⽅案 1. JLRoutes 2. MGJRouter 3. routable-ios 4. CTMediator 5. 尚未開源
44. 路由設計思路 1. 定義每個⾴⾯ URIs 規則 2. 路由內部維護 mapping table 3. 註冊每條 URIs 對應的⾴⾯、參數、⾏為 4. 傳入⼀個 URL 5. 路由內部解析 URL，找到對應⾴⾯，執⾏動作
45. 舉個例⼦ (MGJRouter)
46. 舉個例⼦(MGJRouter) 1. 定義每個 URIs
47. 舉個例⼦(MGJRouter) 1. 定義每個 URIs
48. 舉個例⼦(MGJRouter) 1. 定義每個 URIs
49. 舉個例⼦(MGJRouter) 1. 定義每個 URIs
50. 舉個例⼦(MGJRouter) 1. 定義每個 URIs
51. 舉個例⼦(MGJRouter) 2. 註冊所有需要的 URIs
52. 舉個例⼦(MGJRouter) 3. 聊天室呼叫 openURL ⽅法
53. 舉個例⼦(MGJRouter) 4. 處理呼叫後的邏輯
54. 舉個例⼦(MGJRouter) 5. 達成解耦 • 聊天室⾴⾯完全不知道個⼈⾴⾯的存在 • 只依賴路由本⾝ • 傳遞參數給你的⽬標 view controller
55. 總結
56. • 模塊化對專案的影響 • 開發者思維轉變 • 有層次的架構 • 路由解耦⾴⾯跳轉、溝通 • 沒有最好的，只有最適合的 總結
57. We are Hiring! • (Jr./Sr.) iOS Engineer iOS ⼯程師 • Sr. Staff iOS Engineer 資深主任 iOS ⼯程師 • Sr. Staff Android Engineer 資深主任安卓⼯程師 • (Jr/Sr) Android Engineer 安卓⼯程師 (多媒體組)
58. Thank You