原創(chuàng)聲明:本文為作者原創(chuàng)，未經(jīng)允許不得轉(zhuǎn)載，經(jīng)授權(quán)轉(zhuǎn)載需注明作者和出處
對于小程序開發(fā)者來說，如何進行錯誤監(jiān)控一直是個頭疼的問題。由于小程序開發(fā)迭代較快，會存在系統(tǒng)問題，機型問題和版本的兼容問題，有時候我們在自行測試中完美運行，可總是有用戶抱怨使用異常。如果我們對小程序的錯誤進行有效的監(jiān)控，可以幫助小程序開發(fā)者發(fā)現(xiàn)異常，優(yōu)化代碼，用戶體驗也會隨著優(yōu)化逐步的提升。
作為一個小程序開發(fā)者，如果你對前端開發(fā)比較熟悉，那么在錯誤監(jiān)控方面可能會更快的上手。因為小程序錯誤監(jiān)控和 Web 端錯誤監(jiān)控本身就具有很多相似性，因此監(jiān)控的數(shù)據(jù)規(guī)則基本是一致的，但由于小程序自身的特性，在錯誤監(jiān)控方面會有以下不同：
在 Web 端我們監(jiān)測的是頁面完整的
url，而小程序端監(jiān)測的是路由地址；小程序頁面屬于微信內(nèi)部的頁面，使用時已全部加載完畢，因此監(jiān)控頁面性能時不統(tǒng)計頁面加載時長等信息，更多的是對頁面內(nèi)請求、資源請求和用戶行為的監(jiān)控；
由于微信官方和小程序代碼的要求，集成方式對比 Web 端會相對嚴(yán)格一些。
根據(jù)以上的相同點和不同點，我們可以整理出對于小程序而言，哪些數(shù)據(jù)是需要監(jiān)控的：
JavaScript異常監(jiān)控：不論是 Web 端還是小程序端，對JavaScript異常的監(jiān)控都是必要的；頁面內(nèi)請求監(jiān)控：對于小程序來說，我們需要統(tǒng)計發(fā)送網(wǎng)絡(luò)請求的
wx.request()異常時的請求狀態(tài)、請求時長、請求地址等；資源加載監(jiān)控：當(dāng)需要下載資源到本地的
wx.downloadFile()出現(xiàn)異常時，統(tǒng)計加載時間、異常類型、資源地址等；頁面性能監(jiān)控：訪問監(jiān)控、頁面來源及流向監(jiān)控等，方便我們更好的對小程序進行運營；
用戶數(shù)據(jù)統(tǒng)計：用戶的分布、操作系統(tǒng)及版本、微信版本、IP 地址等，給錯誤的分析提供更多條件。
對于小程序出現(xiàn)的錯誤，我們目前只能在開發(fā)者工具上進行追蹤和調(diào)試，有條件的開發(fā)者也可以選擇在真機上進行調(diào)試，但是小程序大多還是小團隊和個人開發(fā)者，擁有不同操作系統(tǒng)，不同型號，不同版本的真機進行調(diào)試還是不太現(xiàn)實，這里就可能會出現(xiàn)在本地調(diào)試中沒有出現(xiàn)的問題，且很難定位的到。
在目前的微信小程序后臺中，對于上面后兩點的監(jiān)控和統(tǒng)計已經(jīng)可以實現(xiàn)，用戶數(shù)據(jù)的分析也比較完善，但是對于錯誤的監(jiān)控目前還無法實現(xiàn)，這里我們可以借助第三方工具來進行對錯誤的監(jiān)控。
這里我們選擇錯誤監(jiān)控平臺 FrontJS 的小程序錯誤監(jiān)控：https://www.frontjs.com/
FrontJS 的小程序錯誤監(jiān)控相比于微信小程序后臺的數(shù)據(jù)監(jiān)控，增加了對于錯誤的統(tǒng)計和產(chǎn)生錯誤的相關(guān)用戶分析，F(xiàn)rontJS可以收集精細(xì)到console.log級別的任何JavaScript異常信息并提供 stack trace 信息；對于任何一條錯誤信息或訪問，它都會統(tǒng)計到該用戶的IP、屏幕分辨率、DPR、操作系統(tǒng)類型和微信版本，方便我們更有針對性的去調(diào)試出現(xiàn)的錯誤。
使用時我們只需引入 FrontJS 插件，并添加配置代碼，即可開啟監(jiān)控。
具體方法：
- 進入 FrontJS 后注冊賬號，登陸后選擇創(chuàng)建項目，在創(chuàng)建項目頁面的名稱后選擇“微信小程序”。
在這個頁面也可以對不監(jiān)聽的資源和信任域進行設(shè)置。
創(chuàng)建完成后，我們只需要根據(jù)頁面右側(cè)的提示進行操作，就可以完成小程序錯誤監(jiān)控的全部設(shè)置。
集成完畢后就可以開始錯誤的監(jiān)控了，具體界面如下，在左側(cè)菜單欄中我們可以選擇不同的條件進行錯誤的篩選，具體內(nèi)容各位可以親自嘗試。
FrontJS對微信小程序下已有的相關(guān)方法進行了監(jiān)聽，在出現(xiàn)異常或需要監(jiān)控時，F(xiàn)rontJS會及時發(fā)現(xiàn)并統(tǒng)計數(shù)據(jù)，并且完全不影響小程序的正常運行。
在后續(xù)更新中，F(xiàn)rontJS 會繼續(xù)挖掘可監(jiān)控到的信息，如用戶的位置信息，語言，基礎(chǔ)庫版本等，對這些信息做更優(yōu)處理，配合可視化工具，開發(fā)者將可以構(gòu)建出更符合自身需求的數(shù)據(jù)方案。
