活動中臺：揭秘vivo的千萬級DAU活動中臺

序一
序二
序三
前言
第一部分　活動中臺的前世今生
第1章　傳統(tǒng)活動開發(fā)遇到的困境 3
11　活動開發(fā)的3種模式 3
12　如何抽象整合活動平臺 6
第2章　活動開發(fā)模式創(chuàng)新 8
21　“將平臺交出去”的創(chuàng)新設(shè)計(jì) 8
22　讓研發(fā)人員也成為平臺的用戶 10
23　原來這就是活動中臺 12
第3章　活動中臺業(yè)務(wù)設(shè)計(jì) 15
31　中臺功能架構(gòu)設(shè)計(jì) 15
311　問題背景 15
312　產(chǎn)品介紹 16
313　產(chǎn)品矩陣 17
314　功能架構(gòu) 17
32　落地頁管理—作品中心 18
321　作品卡片 19
322　作品狀態(tài) 20
323　作品短鏈 20
324　批量管理 21
325　作品組 22
326　數(shù)據(jù)分析 23
33　作品的齒輪—組件與任務(wù) 24
331　組件類型 24
332　任務(wù)組件 27
34　物料管理—素材中心 30
341　素材上傳 31
342　素材管理 33
35　訪問控制—權(quán)限中心 34
351　常見的權(quán)限設(shè)計(jì)模式 34
352　權(quán)限系統(tǒng)的實(shí)現(xiàn) 36
353　權(quán)限隔離設(shè)計(jì) 41
36　活動工廠—H5可視化搭建 44
361　元素區(qū) 45
362　設(shè)計(jì)區(qū) 45
363　配置區(qū) 47
364　頁面管理區(qū) 52
365　功能區(qū) 54
37　數(shù)據(jù)服務(wù)設(shè)計(jì) 56
371　組件服務(wù) 57
372　編譯服務(wù) 57
373　數(shù)據(jù)服務(wù) 58
第二部分　活動中臺架構(gòu)設(shè)計(jì)
第4章　微前端架構(gòu)設(shè)計(jì) 63
41　微組件概述 63
411　Vue 單文件組件 64
412　構(gòu)建 UMD 規(guī)范 64
413　構(gòu)建微組件基座 67
42　微組件狀態(tài)管理 70
421　傳統(tǒng)EventBus方案 70
422　天然的解決方案Vuex 71
43　微組件基座設(shè)計(jì) 77
431　組件沙箱 77
432　沙箱通信 85
44　通用可視化中的微組件 91
441　擴(kuò)展微組件 91
442　定制化基座 92
443　組件動畫 95
45　熱編譯微組件工程 100
451　微組件生成活動頁 100
452　服務(wù)端活動編譯加速 107
46　可視化搭建微信小程序 109
461　基于uni-app的微組件 110
462　微組件編譯微應(yīng)用 124
第5章　H5 性能優(yōu)化實(shí)踐 130
51　H5性能檢測 130
511　Lighthouse 130
512　關(guān)鍵指標(biāo)解析 132
52　H5渲染加速優(yōu)化 136
521　網(wǎng)絡(luò)層優(yōu)化 136
522　圖像優(yōu)化 140
53　圖片高效加載方案 142
531　圖片服務(wù)架構(gòu)設(shè)計(jì) 142
532　實(shí)戰(zhàn)中WebP的應(yīng)用 148
533　提升WebP的兼容性 150
54　網(wǎng)頁秒開探索 153
541　網(wǎng)頁渲染模式 153
542　WebView 秒開方案 157
55　H5跨屏動態(tài)適配方案 162
551　普適性布局方案 162
552　H5在滿屏下的痛點(diǎn) 165
553　預(yù)設(shè)性的優(yōu)化 167
554　預(yù)設(shè)規(guī)則的實(shí)現(xiàn) 170
第三部分　活動中臺技術(shù)探索
第6章　Nodejs在中臺應(yīng)用上的實(shí)踐 179
61　企業(yè)級 NPM 私服實(shí)踐 179
611　安裝部署Verdaccio 180
612?利用NRM來使用私有源 183
613　內(nèi)置插件擴(kuò)展私服能力 184
614　自定義tag管理多環(huán)境插件 185
62?Nodejs數(shù)據(jù)持久層的探索 187
621　數(shù)據(jù)持久層現(xiàn)狀與思考 188
622?探索數(shù)據(jù)持久層 191
623　工程化體系加持下的未來 204
63　Nodejs 應(yīng)用全鏈路追蹤技術(shù) 206
631　Nodejs 全鏈路信息獲取的方式 207
632　zone-context方案設(shè)計(jì) 208
64　Nodejs搭建自動化文檔工作流 216
641　自動化文檔生成器 217
642　自動化文檔部署 221
第7章　中臺之上的低代碼開發(fā)平臺 226
71　H5生產(chǎn)力的迷與思 226
711　低復(fù)用場景下的弊端 226
712　零代碼與低代碼 228
713　低代碼模式下的活動開發(fā) 230
72　構(gòu)建本地低代碼工具 233
721　低代碼工具設(shè)計(jì) 233
722　基于Vue代碼的工程可視化工具 236
73　智能化的活動中臺 247
后記 249