從零開始搭建前端監控平臺（簡體書）

本書從實際開發工作中遇到的問題出發，從前端工程師的角度實踐從零開始搭建一個前端監控平臺。本書共分為8章，第1章和第2章分別介紹搭建前端監控平臺的必要性以及如何確定前端監控平臺的功能，第3章介紹數據上報的方法，第4章介紹前端監控平臺各功能模塊的總體設計，第5章介紹相關數據處理工作，第6章和第7章分別介紹後端服務搭建和前端界面搭建，第8章介紹前端監控平臺的具體使用場景。
本書內容通俗易懂，實踐性強，適合任何對監控平臺開發感興趣的工程師，也適合希望減輕前端監控成本的團隊領導者。

陳辰， 現任貝殼找房前端架構團隊負責人、架構師。在性能監控領域具有多年開發、架構經驗，涉獵前端、移動端、後端多個方向，對監控數據的產生、使用有著很高的敏感度。曾供職于百度、阿裡巴巴等公司。經常受邀參加各類大型技術會議，是2019年GMTC全球大前端技術大會明星講師、2019年GIAC全球互聯網架構大會講師、2019年ArchSummit全球架構師峰會講師。

·前端監控平臺搭建入門指南
·前端一線開發真實場景描繪
·前端性能監控經驗精華總結
本書從一個前端監控平臺的需求來源講起，逐步拓展到前端監控平臺的總體設計，以及前端監控平臺的具體開發細節，並給出具體的案例。同時，本書遵守真實的企業開發規範，以解決一線業務監控問題為目標，介紹前端數據收集上報、後端服務器搭建、數據處理等方面知識。
本書以作者開發的一個開源的前端監控平臺為原型，強調入門門檻低，一步一步帶領讀者做出一款前端監控平臺，並且提供完整的項目源代碼。
“市面上全面講解前端監控平臺搭建的書很少。本書作者從前端工程師的視角來看後端、數據存儲等問題，非常易於理解。書中介紹的前端監控平臺搭建方法立足於解決一線實際問題，實用性強，不但對前端工程師意義非凡，對後端工程師也極具參考價值。”
――廖雪峰，開課吧合夥人，前火幣網技術專家
“網頁性能監控一直是前端工程師的一項重要工作。本書作者陳辰在貝殼找房一直致力於前端監控平臺的搭建工作，他在本書中對自己在工作中用到的知識點和在實踐中摸索的經驗進行了總結，並結合自己的思考深入淺出地講解了搭建前端監控平臺

第 1章 前端監控平臺解決的問題 1
1.1 解決穩定性問題 1
1.2 解決技術產出問題 6
1.3 小結 8
第 2章 我們就是產品經理 9
2.1 定義平臺邊界 9
2.2 把需求翻譯成研發文檔 10
2.2.1 用戶登錄失敗 10
2.2.2 服務器頁面加載失敗 11
2.2.3 混合App內部報錯 11
2.2.4 服務器接口返回錯誤數據 12
2.3 小結 13
第3章 上報數據 15
3.1 自動上報數據 16
3.1.1 錯誤類型數據 16
3.1.2 性能相關數據 22
3.1.3 環境相關數據 27
3.2 手動上報數據 29
3.2.1 用戶行為數據 31
3.2.2 流程錯誤數據 32
3.3 上報數據的形式 32
3.4 小結 37
第4章 總體設計 39
4.1 業務系統的整體架構 39
4.2 監控平臺的整體架構 40
4.3 小結 42
第5章 數據處理 43
5.1 服務器日誌 43
5.2 消息系統 47
5.3 臨時日誌存儲 53
5.4 數據存儲 60
5.5 指令系統 62
5.5.1 SaveLog指令 64
5.5.2 Parse指令 64
5.5.3 Summary指令 66
5.5.4 WatchDog指令 68
5.6 任務系統 69
5.7 小結 71
第6章 服務搭建 73
6.1 啟動一個服務器程序 73
6.2 數據 76
6.2.1 數據庫操作工具箱 77
6.2.2 用戶接口的依賴數據獲取 81
6.2.3 增 82
6.2.4 刪、改 84
6.2.5 查 85
6.2.6 數據接口的依賴數據獲取 86
6.3 服務器接口 89
6.3.1 路由 90
6.3.2 接口 91
6.3.3 登錄相關接口 92
6.3.4 錯誤相關接口 95
6.3.5 報警相關接口 103
6.3.6 性能相關接口 111
6.4 小結 123
第7章 界面展示 125
7.1 模塊劃分 125
7.2 配置模塊 126
7.3 類庫依賴 127
7.4 頁面路由 132
7.5 靜態資源 144
7.6 數據展示 144
7.6.1 報錯主界面展示 145
7.6.2 性能主界面展示 157
7.6.3 報警主界面展示 169
7.7 小結 174
第8章 監控平臺的使用 175
8.1 監控平臺的使用場景 175
8.2 監控平臺本身的挑戰 179
8.3 小結 181
附錄 Node.js後端處理方案總結 183