Flutter技術(shù)解析與實(shí)戰(zhàn)：閑魚(yú)技術(shù)演進(jìn)與創(chuàng)新

第1章 混合工程 1
1．1 Flutter工程體系 1
1．1．1 混合工程研發(fā)體系介紹 1
1．1．2 混合工程下的Flutter研發(fā)結(jié)構(gòu) 2
1．1．3 工程結(jié)構(gòu) 2
1．1．4 構(gòu)建優(yōu)化 3
1．1．5 Native啟動(dòng)下的Flutter調(diào)試 6
1．1．6 Native啟動(dòng)下的Flutter熱重載 9
1．1．7 Native與Flutter聯(lián)合調(diào)試 11
1．1．8 持續(xù)集成 11
1．2 混合工程改造實(shí)踐 11
1．2．1 項(xiàng)目背景及問(wèn)題 11
1．2．2 改造目標(biāo) 12
1．2．3 方案的制訂 12
1．2．4 改造的實(shí)現(xiàn)過(guò)程 14
1．3 混合工程與持續(xù)集成 15
1．3．1 背景思考 15
1．3．2 實(shí)現(xiàn)方法 16
1．3．3 iOS依賴(lài)的Flutter庫(kù)的抽取 21
1．3．4 Flutter混合工程的持續(xù)集成流程 23
1．4 快速完成混合工程搭建 24
1．4．1 flutter-boot簡(jiǎn)介 24
1．4．2 工程化設(shè)計(jì) 25
1．4．3 混合棧 27
1．5 使用混合?？蚣荛_(kāi)發(fā) 29
1．5．1 為什么需要混合方案 29
1．5．2 Google官方提出的混合方案 29
1．5．3 第二代混合技術(shù)方案 FlutterBoost 31
1．5．4 擴(kuò)展補(bǔ)充 35
第2章 能力增強(qiáng) 36
2．1 基于原生能力的插件擴(kuò)展 36
2．1．1 Flutter Plugin 36
2．1．2 Platform Channel 37
2．1．3 獲取剩余電量Plugin 39
2．1．4 加載Plugin 46
2．1．5 遇到的問(wèn)題 48
2．1．6 延展討論 49
2．2 基于外接紋理的同層渲染 50
2．2．1 Flutter渲染框架 50
2．2．2 存在的問(wèn)題 51
2．2．3 解決方法 52
2．3 多媒體能力擴(kuò)展實(shí)踐 58
2．3．1 背景 58
2．3．2 設(shè)計(jì)思路 58
2．3．3 一些難點(diǎn) 59
2．3．4 總結(jié) 60
2．4 富文本能力應(yīng)用實(shí)踐 61
2．4．1 富文本的原理 61
2．4．2 設(shè)計(jì)思路 62
2．4．3 關(guān)鍵部分代碼實(shí)現(xiàn) 64
2．4．4 效果 65
第3章 業(yè)務(wù)架構(gòu)設(shè)計(jì) 66
3．1 應(yīng)用框架設(shè)計(jì)實(shí)踐 66
3．1．1 Fish Redux開(kāi)源背景及技術(shù)架構(gòu) 66
3．1．2 Fish Redux技術(shù)解析 67
3．2 輕量級(jí)動(dòng)態(tài)化渲染引擎的設(shè)計(jì) 77
3．2．1 背景 77
3．2．2 動(dòng)態(tài)方案 77
3．2．3 模板編譯 78
3．2．4 渲染引擎 81
3．2．5 最終效果 85
3．3 面向切面編程的設(shè)計(jì)實(shí)踐 86
3．3．1 典型的AOP場(chǎng)景 88
3．3．2 面向開(kāi)發(fā)者的API設(shè)計(jì) 88
3．3．3 AOP代碼的編譯 90
3．3．4 Dill操作 90
3．3．5 AspectD支持的語(yǔ)法 92
3．3．6 構(gòu)建流程支持 95
3．3．7 實(shí)戰(zhàn)與思考 95
3．4 高性能的動(dòng)態(tài)模板渲染實(shí)踐 96
3．4．1 為什么Native可行的方案不適用于Flutter 96
3．4．2 認(rèn)識(shí)三棵樹(shù) 97
3．4．3 Flutter在Layout過(guò)程中的優(yōu)化 98
3．4．4 如何自定義Widget 100
3．4．5 更多優(yōu)化方向 105
參考文獻(xiàn) 106
第4章 數(shù)據(jù)統(tǒng)計(jì)與性能 107
4．1 數(shù)據(jù)統(tǒng)計(jì)框架的設(shè)計(jì) 107
4．1．1 用戶(hù)行為埋點(diǎn)定義 107
4．1．2 在Flutter上的埋點(diǎn)實(shí)現(xiàn)方案 108
4．1．3 曝光坑位 110
4．2 性能穩(wěn)定性監(jiān)控方案的設(shè)計(jì) 113
4．2．1 Flutter性能穩(wěn)定性目標(biāo) 113
4．2．2 頁(yè)面滑動(dòng)流暢度 113
4．2．3 頁(yè)面加載耗時(shí) 116
4．2．4 異常率 118
4．3 高可用框架的設(shè)計(jì)與實(shí)踐 119
4．3．1 為什么要做Flutter性能監(jiān)控 119
4．3．2 需要一個(gè)什么樣的SDK 119
4．3．3 從單個(gè)指標(biāo)看整體設(shè)計(jì) 120
4．3．4 整體結(jié)構(gòu)設(shè)計(jì) 122
4．3．5 SDK不同的使用方式 126
4．3．6 SDK的落地情況 126
4．4 跨端方案性能對(duì)比實(shí)踐 127
4．4．1 跨端方案對(duì)比 127
4．4．2 對(duì)比數(shù)據(jù)分析 128
4．4．3 總結(jié) 131
4．4．4 延伸閱讀 131
第5章 企業(yè)級(jí)應(yīng)用實(shí)戰(zhàn) 134
5．1 基于Flutter的端架構(gòu)演進(jìn)與創(chuàng)新 134
5．1．1 Flutter的優(yōu)勢(shì)與挑戰(zhàn) 134
5．1．2 閑魚(yú)的架構(gòu)演進(jìn)與創(chuàng)新 135
5．1．3 研發(fā)智能化在閑魚(yú)的應(yīng)用 140
5．2 Flutter 與 FaaS 云端一體化架構(gòu) 142
5．2．1 傳統(tǒng)Native+Web+服務(wù)端混合開(kāi)發(fā)的挑戰(zhàn) 142
5．2．2 跨端方案Flutter與React Native的選擇 143
5．2．3 Dart作為FaaS層的第一可選語(yǔ)言 144
5．2．4 一體化的深層思考 146
5．2．5 案例效果 147