Fundebug 的微信小程序監(jiān)控插件在 0.5.0 版本已經(jīng)支持監(jiān)控 HTTP 請求錯誤，在小程序中通過wx.request發(fā)起 HTTP 請求，如果請求失敗，會被捕獲并上報。時隔一年，微信小程序插件已經(jīng)更新到 1.3.1, 而且提供了一個非常有用的功能，支持監(jiān)控 HTTP 慢請求。對于輕量級的性能分析，可以說已經(jīng)夠用。

本文我們以一個天氣微信小程序為例(由bodekjan開發(fā))，來演示如何監(jiān)控慢請求。bmap-wx.js中的weather()函數(shù)調(diào)用百度地圖小程序 api 提供的接口來獲取天氣預報信息。

接入監(jiān)控

由于使用百度的 api，我們無法確認該接口的穩(wěn)定性，可能有時候會特別慢，導致天氣信息顯示不出來。于是，我們使用 Fundebug 來監(jiān)控請求過慢的情況。接下來，我們來演示如何監(jiān)控慢請求。注冊賬戶后，記得要在創(chuàng)建項目是選擇“微信小程序”這一項目類型。

根據(jù)指示完成接入流程：

在app.js頂部加入下面的代碼(記得將 apikey 替換成你自己的)：

var fundebug = require("./utils/fundebug.1.3.1.min.js");fundebug.init({  apikey: "YOUR-API-KEY",  monitorMethodCall: true,  monitorMethodArguments: true,  monitorHttpData: true,  setSystemInfo: true,  setUserInfo: true,  setLocation: true,  httpTimeout: 200});

雖然init()函數(shù)只要設置apikey即可使用，但是為了最大程度發(fā)揮監(jiān)控的威力，我們不妨多設置一些監(jiān)控選項。

微信小程序插件有很多的可配置項，由于涉及到數(shù)據(jù)，默認處于關閉狀態(tài)。我們可以監(jiān)控函數(shù)調(diào)用(monitorMethodCall)，以及函數(shù)調(diào)用的參數(shù)(monitorMethodArguments)，監(jiān)控 HTTP 請求的 Body 中的數(shù)據(jù)(monitorHttpData)，獲取系統(tǒng)信息(setSystemInfo)、用戶信息(setUserInfo)、地理位置(setLocation)。

監(jiān)控慢請求

最后，最重要的一步，配置httpTimeout來監(jiān)控超過特定時長的請求，httpTimeout 類型為 Number，單位為毫秒(ms)。演示起見，我們將時間設置為 200 毫秒。

在微信開發(fā)者工具內(nèi)運行代碼，F(xiàn)undebug 立馬收到報錯。小程序發(fā)往https://api.map.baidu.com/telematics/v3/weather接口的請求時長為 571ms，超過預設時間 200ms。

錯誤詳情

該請求返回代碼 200，表明能夠正常獲取數(shù)據(jù)。點擊該條錯誤，查看錯誤詳情：