微前端設(shè)計(jì)與實(shí)現(xiàn)：Web開(kāi)發(fā)

第 1章　前端概覽 1
1．1　微前端應(yīng)用 1
1．2　單頁(yè)應(yīng)用 2
1．3　同構(gòu)應(yīng)用 4
1．4　靜態(tài)頁(yè)面網(wǎng)站 6
1．5　JAMStack 6
1．6　小結(jié) 7
第 2章　微前端原則 8
2．1　從單體到微服務(wù) 9
2．1．1　微服務(wù)遷移 10
2．1．2　引入微前端 12
2．2　微服務(wù)原則 13
2．2．1　圍繞業(yè)務(wù)領(lǐng)域建模 14
2．2．2　自動(dòng)化文化 14
2．2．3　隱藏實(shí)現(xiàn)細(xì)節(jié) 14
2．2．4　分布式治理 15
2．2．5　獨(dú)立部署 15
2．2．6　故障隔離 15
2．2．7　高度可觀察性 15
2．3　在微前端中實(shí)踐這些原則 15
2．3．1　圍繞業(yè)務(wù)領(lǐng)域建模 15
2．3．2　自動(dòng)化文化 16
2．3．3　隱藏實(shí)現(xiàn)細(xì)節(jié) 16
2．3．4　分布式治理 16
2．3．5　獨(dú)立部署 16
2．3．6　故障隔離 16
2．3．7　高度可觀察性 17
2．4　微前端不是萬(wàn)能靈藥 17
2．5　小結(jié) 17
第3 章　微前端的架構(gòu)和挑戰(zhàn) 18
3．1　微前端決策框架 18
3．1．1　定義微前端 19
3．1．2　微前端的領(lǐng)域驅(qū)動(dòng)設(shè)計(jì) 20
3．1．3　如何定義限界上下文 22
3．1．4　微前端組合 23
3．1．5　微前端路由 24
3．1．6　微前端通信 26
3．2　微前端實(shí)踐 28
3．2．1　Zalando 29
3．2．2　HelloFresh 29
3．2．3　AllegroTech 29
3．2．4　Spotify 29
3．2．5　SAP 30
3．2．6　OpenTable 30
3．2．7　DAZN 31
3．3　小結(jié) 31
第4 章　探索微前端架構(gòu) 32
4．1　微前端決策框架的應(yīng)用 32
4．1．1　縱向拆分 33
4．1．2　橫向拆分 34
4．2　架構(gòu)分析 35
4．3　縱向拆分的架構(gòu) 37
4．3．1　App shell 37
4．3．2　挑戰(zhàn) 39
4．3．3　實(shí)現(xiàn)一個(gè)設(shè)計(jì)系統(tǒng) 45
4．3．4　開(kāi)發(fā)體驗(yàn) 47
4．3．5　搜索引擎優(yōu)化 48
4．3．6　性能與微前端 49
4．3．7　可用的框架 51
4．3．8　用例 52
4．3．9　架構(gòu)特征 53
4．4　橫向拆分的架構(gòu) 54
4．4．1　客戶端組合 55
4．4．2　挑戰(zhàn) 58
4．4．3　搜索引擎優(yōu)化 65
4．4．4　開(kāi)發(fā)體驗(yàn) 65
4．4．5　用例 66
4．4．6　Module Federation 67
4．4．7　iframe 72
4．4．8　Web 組件 78
4．4．9　服務(wù)器端組合 81
4．4．10　邊緣側(cè)組合 89
4．5　小結(jié) 93
第5 章　微前端技術(shù)實(shí)現(xiàn) 94
5．1　項(xiàng)目背景 94
5．2　Module Federation入門(mén) 97
5．3　技術(shù)實(shí)現(xiàn) 98
5．3．1　項(xiàng)目結(jié)構(gòu) 99
5．3．2　App shell 100
5．3．3　身份認(rèn)證微前端 106
5．3．4　目錄微前端 107
5．3．5　賬戶管理微前端 108
5．4　項(xiàng)目演變 112
5．4．1　嵌入舊版應(yīng)用 112
5．4．2　開(kāi)發(fā)收銀臺(tái)功能 114
5．4．3　實(shí)現(xiàn)動(dòng)態(tài)遠(yuǎn)程容器 115
5．5　和webpack 捆綁 116
5．6　小結(jié) 116
第6 章　構(gòu)建和部署微前端 117
6．1　自動(dòng)化原理 118
6．1．1　反饋周期盡可能短 118
6．1．2　持續(xù)迭代 119
6．1．3　給團(tuán)隊(duì)賦能 120
6．1．4　定義圍欄 120
6．1．5　可靠的測(cè)試策略 121
6．2　開(kāi)發(fā)體驗(yàn) 121
6．2．1　橫向拆分和縱向拆分 122
6．2．2　微前端腳手架 122
6．2．3　環(huán)境策略 123
6．3　版本控制 123
6．3．1　monorepo 123
6．3．2　polyrepo 127
6．3．3　版本控制系統(tǒng)的未來(lái) 129
6．4　持續(xù)集成策略 129
6．4．1　測(cè)試微前端 130
6．4．2　適應(yīng)度函數(shù) 134
6．4．3　微前端特定操作 135
6．5　部署策略 135
6．5．1　藍(lán)綠部署和灰度發(fā)布 136
6．5．2　絞殺者模式 138
6．5．3　可觀察性 139
6．6　小結(jié) 140
第7章　案例分析：微前端自動(dòng)化流水線 141
7．1　場(chǎng)景分析 141
7．1．1　版本控制 143
7．1．2　流水線初始化 143
7．1．3　代碼質(zhì)量審查 144
7．1．4　構(gòu)建 145
7．1．5　構(gòu)建后檢查 146
7．1．6　部署 147
7．1．7　自動(dòng)化策略總結(jié) 147
7．2　小結(jié) 148
第8章　微前端的后端模式 149
8．1　API 集成與微前端 149
8．1．1　使用服務(wù)字典 151
8．1．2　使用API網(wǎng)關(guān) 157
8．1．3　使用BFF模式 161
8．1．4　在微前端中使用GraphQL 166
8．1．5　最佳實(shí)踐 169
8．2　小結(jié) 172
第9章　案例分析：從單體架構(gòu)到微前端 173
9．1　背景 174
9．1．1　技術(shù)棧 174
9．1．2　平臺(tái)及主要用戶流程 175
9．1．3　技術(shù)目標(biāo) 177
9．2　遷移策略 178
9．2．1　微前端決策框架的應(yīng)用 178
9．2．2　將單頁(yè)應(yīng)用拆分為多個(gè)子域 181
9．2．3　技術(shù)選型 184
9．3　實(shí)現(xiàn)細(xì)節(jié) 187
9．3．1　App shell 職責(zé) 187
9．3．2　應(yīng)用初始化 187
9．3．3　通信 187
9．3．4　后端集成 189
9．3．5　在微前端中集成身份認(rèn)證 189
9．3．6　依賴項(xiàng)管理 192
9．3．7　整合設(shè)計(jì)系統(tǒng) 193
9．3．8　組件共享 193
9．3．9　灰度發(fā)布 194
9．3．10　本地化 195
9．4　小結(jié) 197
第 10章 在組織中引入微前端 198
10．1 我們?yōu)槭裁匆褂梦⑶岸?198
10．2　組織和軟件架構(gòu)之間的聯(lián)系 199
10．2．1　委員會(huì)是怎么出現(xiàn)的 200
10．2．2　功能團(tuán)隊(duì)和組件團(tuán)隊(duì) 202
10．3　優(yōu)化溝通流程 205
10．3．1　征求意見(jiàn)稿 205
10．3．2　架構(gòu)決策記錄 207
10．4　優(yōu)化溝通流程的技巧 208
10．4．1　倒推 208
10．4．2　實(shí)踐社群和集體會(huì)議 209
10．4．3　管理外部依賴 210
10．5　去中心化組織 211
10．6　小結(jié) 215
附錄　社區(qū)對(duì)微前端的看法 217