微信小程序錯誤監控方法談

對於小程序開發者來講，如何進行錯誤監控一直是個頭疼的問題。因爲小程序開發迭代較快，會存在系統問題，機型問題和版本的兼容問題，有時候咱們在自行測試中完美運行，可老是有用戶抱怨使用異常。若是咱們對小程序的錯誤進行有效的監控，能夠幫助小程序開發者發現異常，優化代碼，用戶體驗也會隨着優化逐步的提高。

做爲一個小程序開發者，若是你對前端開發比較熟悉，那麼在錯誤監控方面可能會更快的上手。由於小程序錯誤監控和 Web 端錯誤監控自己就具備不少類似性，所以監控的數據規則基本是一致的，但因爲小程序自身的特性，在錯誤監控方面會有如下不一樣：

• 在 Web 端咱們監測的是頁面完整的url，而小程序端監測的是路由地址；
• 小程序頁面屬於微信內部的頁面，使用時已所有加載完畢，所以監控頁面性能時不統計頁面加載時長等信息，更多的是對頁面內請求、資源請求和用戶行爲的監控；
• 因爲微信官方和小程序代碼的要求，集成方式對比 Web 端會相對嚴格一些。

---

根據以上的相同點和不一樣點，咱們能夠整理出對於小程序而言，哪些數據是須要監控的：

• JavaScript異常監控：不管是 Web 端仍是小程序端，對JavaScript異常的監控都是必要的；
• 頁面內請求監控：對於小程序來講，咱們須要統計發送網絡請求的wx.request()異常時的請求狀態、請求時長、請求地址等；
• 資源加載監控：當須要下載資源到本地的wx.downloadFile() 出現異常時，統計加載時間、異常類型、資源地址等；
• 頁面性能監控：訪問監控、頁面來源及流向監控等，方便咱們更好的對小程序進行運營；
• 用戶數據統計：用戶的分佈、操做系統及版本、微信版本、IP 地址等，給錯誤的分析提供更多條件。

對於小程序出現的錯誤，咱們目前只能在開發者工具上進行追蹤和調試，有條件的開發者也能夠選擇在真機上進行調試，可是小程序大多仍是小團隊和我的開發者，擁有不一樣操做系統，不一樣型號，不一樣版本的真機進行調試仍是不太現實，這裏就可能會出如今本地調試中沒有出現的問題，且很難定位的到。

在目前的微信小程序後臺中，對於上面後兩點的監控和統計已經能夠實現，用戶數據的分析也比較完善，可是對於錯誤的監控目前還沒法實現，這裏咱們能夠藉助第三方工具來進行對錯誤的監控。

這裏咱們選擇錯誤監控平臺 FrontJS 的小程序錯誤監控：https://www.frontjs.com/

FrontJS 的小程序錯誤監控相比於微信小程序後臺的數據監控，增長了對於錯誤的統計和產生錯誤的相關用戶分析，FrontJS能夠收集精細到console.log級別的任何JavaScript異常信息並提供 stack trace 信息；對於任何一條錯誤信息或訪問，它都會統計到該用戶的IP、屏幕分辨率、DPR、操做系統類型和微信版本，方便咱們更有針對性的去調試出現的錯誤。

使用時咱們只需引入 FrontJS 插件，並添加配置代碼，便可開啓監控。

具體方法：

• 進入 FrontJS 後註冊帳號，登錄後選擇建立項目，在建立項目頁面的名稱後選擇「微信小程序」。

在這個頁面也能夠對不監聽的資源和信任域進行設置。

建立完成後，咱們只須要根據頁面右側的提示進行操做，就能夠完成小程序錯誤監控的所有設置。

集成完畢後就能夠開始錯誤的監控了，具體界面以下，在左側菜單欄中咱們能夠選擇不一樣的條件進行錯誤的篩選，具體內容各位能夠親自嘗試。

FrontJS對微信小程序下已有的相關方法進行了監聽，在出現異常或須要監控時，FrontJS會及時發現並統計數據，而且徹底不影響小程序的正常運行。

在後續更新中，FrontJS 會繼續挖掘可監控到的信息，如用戶的位置信息，語言，基礎庫版本等，對這些信息作更優處理，配合可視化工具，開發者將能夠構建出更符合自身需求的數據方案。