對于小程序開發(fā)者來說，如何進(jìn)行錯誤監(jiān)控一直是個頭疼的問題。由于小程序開發(fā)迭代較快，會存在系統(tǒng)問題，機(jī)型問題和版本的兼容問題，有時候我們在自行測試中完美運(yùn)行，可總是有用戶抱怨使用異常。如果我們對小程序的錯誤進(jìn)行有效的監(jiān)控，可以幫助小程序開發(fā)者發(fā)現(xiàn)異常，優(yōu)化代碼，用戶體驗(yàn)也會隨著優(yōu)化逐步的提升。

作為一個小程序開發(fā)者，如果你對前端開發(fā)比較熟悉，那么在錯誤監(jiān)控方面可能會更快的上手。因?yàn)樾〕绦蝈e誤監(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ù)以上的相同點(diǎn)和不同點(diǎn)，我們可以整理出對于小程序而言，哪些數(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)控等，方便我們更好的對小程序進(jìn)行運(yùn)營；

• 用戶數(shù)據(jù)統(tǒng)計：用戶的分布、操作系統(tǒng)及版本、微信版本、IP 地址等，給錯誤的分析提供更多條件。

對于小程序出現(xiàn)的錯誤，我們目前只能在開發(fā)者工具上進(jìn)行追蹤和調(diào)試，有條件的開發(fā)者也可以選擇在真機(jī)上進(jìn)行調(diào)試，但是小程序大多還是小團(tuán)隊和個人開發(fā)者，擁有不同操作系統(tǒng)，不同型號，不同版本的真機(jī)進(jìn)行調(diào)試還是不太現(xiàn)實(shí)，這里就可能會出現(xiàn)在本地調(diào)試中沒有出現(xiàn)的問題，且很難定位的到。

在目前的微信小程序后臺中，對于上面后兩點(diǎn)的監(jiān)控和統(tǒng)計已經(jīng)可以實(shí)現(xiàn)，用戶數(shù)據(jù)的分析也比較完善，但是對于錯誤的監(jiān)控目前還無法實(shí)現(xiàn)，這里我們可以借助第三方工具來進(jìn)行對錯誤的監(jiān)控。

這里我們選擇錯誤監(jiān)控平臺 FrontJS 的小程序錯誤監(jiān)控：www.frontjs.com/

FrontJS 的小程序錯誤監(jiān)控相比于微信小程序后臺的數(shù)據(jù)監(jiān)控，增加了對于錯誤的統(tǒng)計和產(chǎn)生錯誤的相關(guān)用戶分析，FrontJS可以收集精細(xì)到console.log級別的任何JavaScript異常信息并提供 stack trace 信息；對于任何一條錯誤信息或訪問，它都會統(tǒng)計到該用戶的IP、屏幕分辨率、DPR、操作系統(tǒng)類型和微信版本，方便我們更有針對性的去調(diào)試出現(xiàn)的錯誤。

使用時我們只需引入 FrontJS 插件，并添加配置代碼，即可開啟監(jiān)控。

具體方法：

• 進(jìn)入 FrontJS 后注冊賬號，登陸后選擇創(chuàng)建項目，在創(chuàng)建項目頁面的名稱后選擇“微信小程序”。

在這個頁面也可以對不監(jiān)聽的資源和信任域進(jìn)行設(shè)置。

創(chuàng)建完成后，我們只需要根據(jù)頁面右側(cè)的提示進(jìn)行操作，就可以完成小程序錯誤監(jiān)控的全部設(shè)置。

集成完畢后就可以開始錯誤的監(jiān)控了，具體界面如下，在左側(cè)菜單欄中我們可以選擇不同的條件進(jìn)行錯誤的篩選，具體內(nèi)容各位可以親自嘗試。

FrontJS對微信小程序下已有的相關(guān)方法進(jìn)行了監(jiān)聽，在出現(xiàn)異常或需要監(jiān)控時，FrontJS會及時發(fā)現(xiàn)并統(tǒng)計數(shù)據(jù)，并且完全不影響小程序的正常運(yùn)行。

在后續(xù)更新中，FrontJS 會繼續(xù)挖掘可監(jiān)控到的信息，如用戶的位置信息，語言，基礎(chǔ)庫版本等，對這些信息做更優(yōu)處理，配合可視化工具，開發(fā)者將可以構(gòu)建出更符合自身需求的數(shù)據(jù)方案。

總結(jié)

以上是生活随笔為你收集整理的微信小程序错误监控方法谈的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。