在微信小程序里，與后台服務器交互的主要接口函數是wx.request()，用於發起 HTTPS 網絡請求。其重要性不言而喻。然而，卻經常遇到請求失敗的問題，筆者特意谷歌"wx.request 請求失敗"，可以搜索到很多相關的文章，下面列出一些:
- wx.request 失敗| 微信開放社區
- 微信小程序 wx.request 請求失敗- SegmentFault 思否
- 小程序部分機型小程序用戶無法發起 wx.request 請求，網絡錯誤問題 ...
- wx.request()失敗，request:fail。_微信小程序開發
- request:fail 合集（各種 request:fail 問題)
- 微信小程序之 wx.request:fail 錯誤排查- 簡書
有些事開發時候遇到，有些是產品上線后遇到。線上的情況比開發和測試的時候復雜的多，失敗的原因可能各種各樣。既然測試無法 100%保證上線不會出問題，我們唯一要做的就是及時發現和快速響應。
微信小程序運維中心提供了錯誤日志記錄，但功能還是比較有限。只有簡單的統計和錯誤展示功能，而往往僅僅靠報錯信息是無法清晰理解錯誤成因的。這個時候使用強大的第三方監控服務就很有必要了。
小程序 Demo
我們使用一款由jectychen開發的wechat-v2ex來做演示，v2ex 數據 api 基本上使用了 samuel1112 的倉庫v2er里封裝的方法。
其運行效果如下：
最左側本來應該有頭像的，可能由於防盜鏈的原因沒有顯示出來。
有時候一個微信小程序可能會用到多個第三方服務，從多個域名獲取數據。以下兩種情況都值得注意：
- 某些接口做了更新沒有及時推送通知，該接口的調用就會失敗；
- 服務不夠穩定，接口的返回某一時段特別慢；
- 某些終端用戶的數據不符合導致接口失敗。
因此產品上線以后，對接口的調用進行監控是很有必要的。
接入監控
Fundebug 的微信小程序錯誤監控插件支持監控 HTTP 請求錯誤：
- 當請求返回的 statusCode 不是 2xx 或者 fail 回調函數被觸發的時候，Fundebug 的小程序監控插件會捕獲該錯誤並發送到服務器。
- 如果接口請求耗時過長，我們也可以配置
httpTimeout來監控。
要使用 Fundebug 監控，你需要去Fundebug網站注冊賬號並創建一個微信小程序監控項目，然后按照提示接入插件。你需要下載微信小程序監控的 JS 腳本放入到自己的項目中，然后引入並通過fundebug.init()函數作必要的配置。
var fundebug = require("./utils/fundebug.1.3.1.min.js");
fundebug.init({
apikey: "YOUR-API-KEY",
monitorHttpData: true,
httpTimeout: 2000,
monitorMethodCall: true,
monitorMethodArguments: true,
setSystemInfo: true,
setUserInfo: true,
setLocation: true
});
插件默認會監控 HTTP 請求錯誤，並上報 Header 部分的信息，我們無需做配置。為了方便 Debug，我們配置monitorHttpData來記錄 body 部分的信息；我們將httpTimeout設置為 2000 毫秒，超過該時長的請求會被上報到服務器。
Request:fail 錯誤
為了演示wx.request返回 request:fail 錯誤，我特意將utils/api.js中的HOST_URI改錯。
var HOST_URI = 'https://www.w2ex.com/api/';
然后保存運行。Fundebug 收到上報的錯誤，該請求花了 7072 毫秒，然后返回請求失敗。
通過用戶行為可以更加清楚地了解整個小程序的運行過程：
404 錯誤
這次，我將獲取最新話題的接口做點更改，故意將latest寫出lastest：
var LATEST_TOPIC = 'topics/lastest.json';
保存運行，Fundebug 捕獲該錯誤並上報到服務器：
參數錯誤
獲取某一個話題詳情的時候，應該傳入對應的 id。如果 id 是 null、undefined、或則本來是數字我們傳入字符串，看看結果怎么樣。
下圖可知當我們將參數 id 設為undefined的情況下，接口返回 404。並返回消息:
{
"message": "Object Not Found",
"status": "error"
}
關於Fundebug
Fundebug專注於JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了10億+錯誤事件，付費客戶有陽光保險、核桃編程、荔枝FM、掌門1對1、微脈、青團社等眾多品牌企業。歡迎大家免費試用！
版權聲明
轉載時請注明作者 Fundebug以及本文地址：
https://blog.fundebug.com/2019/07/01/monitor-wx-request-fail/