那曲檬骨新材料有限公司

您好,歡迎來電子發燒友網! ,新用戶?[免費注冊]

您的位置:電子發燒友網>源碼下載>通訊/手機編程>

iOS 客戶端組件化演變歷程實例分析

大小:0.4 MB 人氣: 2017-09-30 需要積分:1

  架構的演進是為業務不斷發展服務的,架構不能脫離業務,這是最基本的出發點。58 同城 iOS 客戶端隨著業務量和用戶量的持續增長,架構也是不斷受到挑戰,采用什么樣的架構去適應這些變化,對技術人員來說也是一大考驗。58 App 的架構先后經歷了純 Native、引入 Hybrid 框架、底層服務組件化、業務線組件化,即整個 App 組件化的四個階段。”

  第一版 App 架構

  早在 2010 年 58 同城誕生第一版 iOS 客戶端,按照傳統的 MVC 模式去設計,純 Native 頁面,這時的功能較為簡單,架構也是如此,從上至下分為 UI 展現、業務邏輯、數據訪問三層,如圖 1 所示。和同期其他公司一樣,App 的出發點是為了快速搶占市場,采取“短平快”的方式開發。純 Native 的 App 在早期業務量不是太大的情況下,能滿足業務的需求。

   iOS 客戶端組件化演變歷程實例分析

  圖 1 App 早期架構

  第二版架構

  Hybrid 框架需求

  由于蘋果審核周期較長,業務需求不斷增大,有些業務如果用 Native 進行開發,工作量大投入人員較多,也不能動態更新,如 58 App 的大類、列表、詳情頁面。這種情況下,用 HTML5 是比較流行的解決方式,由此產生了第二版架構,如圖 2 所示,在 UI 層添加了 HTML5 頁面及 Hybrid 交互框架。

   iOS 客戶端組件化演變歷程實例分析

  圖 2 帶 Hybrid 的架構

  當時 58 App 設計時用于加載 HTML5 的組件是 UIWebView,也只能使用這個(彼時還沒有 WKWebView),但實現起來有幾個問題是需要解決的:

  怎么解決 Hybrid 中 Web 和 Native 交互問題,如用戶點擊一個類別,能調起 Native 的一些方法去執行相關頁面跳轉或寫日志。

  如何提高 HTML5 頁面的加載速度,HTML5 頁面加載時要下載一些 Java、CSS 及圖片資源,是比較耗時的。

  設置緩存

  為了方便描述,本文先介紹如何提高 HTML5 頁面加載速度的問題。

  對于一些訪問比較頻繁的頁面,如大類列表詳情,我們早期采用的都是 HTML5 頁面。要加速這些頁面的渲染,就要想辦法提升資源的加載。那么如何實現呢?首先想到的是使用緩存,我們可以把這些頁面的資源內置到 App 中隨版本發布。

非常好我支持^.^

(0) 0%

不好我反對

(0) 0%

      發表評論

      用戶評論
      評價:好評中評差評

      發表評論,獲取積分! 請遵守相關規定!

      ?
      A8百家乐的玩法技巧和规则| 至尊百家乐娱乐| 百家乐官网补牌规制| 百家乐赌博筹码大不大| 如何打百家乐官网的玩法技巧和规则 | 百家乐稳赢秘笈| 德州扑克怎么分钱| 太阳城百家乐分析解码| 百家乐官网新注册送彩金| 太阳城洋伞| 百家乐官网计划| 百家乐官网赌牌技巧| 大发888代充| 百家乐真人百家乐皇冠开户| 机器百家乐官网心得| 景洪市| 棋牌游戏网| 大发888娱乐城俄罗斯| HG百家乐大转轮| 百家乐官网平注法规则| 百家乐官网博彩金| 湘潭市| 日博365| 澳博足球| 大发888游戏是真的么| 威尼斯人娱乐场申博太阳城| 百家乐桌布尼布材质| 百家乐园棋牌| 赌场百家乐官网的玩法技巧和规则| 澳门百家乐官网真人娱乐场| 新邵县| 百家乐官方网站| 日博| 宜兰市| 河西区| 全讯网报码| 百家乐玄机| 百家乐游戏平台有哪些哪家的口碑最好 | 现金网注册送彩金| 丹东亿酷棋牌下载| 唐人街百家乐官网的玩法技巧和规则|