监控微信小程序wx.request请求失败

lpjustdoit 发布于2019-08-23 18:24 / 2118人阅读

摘要：微信小程序运维中心提供了错误日志记录，但功能还是比较有限。有时候一个微信小程序可能会用到多个第三方服务，从多个域名获取数据。要使用监控，你需要去网站注册账号并创建一个微信小程序监控项目，然后按照提示接入插件。

在微信小程序里，与后台服务器交互的主要接口函数是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/

GPU云服务器云服务器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105175.html

99%的程序都没有考虑的网络异常？使用Fundebug.notify()主动上报

摘要：而且官方也给出了示例在回调函数中上报异常为了确保完全掌握小程序的运行状况，我们将异常上报。的微信小程序插件除了可以自动捕获异常外，还支持通过接口主动上报异常。近日看到一篇文章99%的程序都没有考虑的网络异常，开篇提到：绝大多数程序只考虑了接口正常工作的场景，而用户在使用我们的产品时遇到的各类异常，全都丢在看似 ok 的 try catch 中。如果没有做好异常的兼容和兜底处理，会极...

ChanceWong 2019-08-23 18:32 评论0 收藏0
JS实现监控微信小程序

摘要：博客地址使用模块化工具打包自己开发的库文章中有提到，当时需要写一个，监控小程序的后台接口调用和页面报错，今天就来说下实现原理吧原理之前也做过浏览器端的数据埋点上报，其实原理大同小异通过劫持原始方法，获取需要上报的数据，最后再执行原始方法，这博客地址《使用模块化工具打包自己开发的JS库》文章中有提到，当时需要写一个SDK，监控小程序的后台接口调用和页面报错，今天就来说下实现原理吧！ ...

Cheriselalala 2019-08-22 18:04 评论0 收藏0
把微信小程序异步API转为Promise，简化异步编程，告别层层回调

摘要：微信官方没有给出来处理异步操作，而官方异步的又非常多，这使得多异步编程会层层回调，代码一复杂，回调起来就想砸电脑。是一个转换微信小程序异步为的一个工具库优点避免小程序异步编程多次回调带来的过多回调导致逻辑不清晰，篇幅过长等问题。把微信小程序异步API转化为Promise。用Promise处理异步操作有多方便，谁用谁知道。微信官方没有给出Promise API来处理异步操作，而官方AP...

antz 2019-08-26 12:11 评论0 收藏0
微信小程序请求封装(request)

摘要：开始写小程序的时候对小程序请求接口的相当无奈，因为项目急就没考虑那么多，直接开干。开始写小程序的时候对小程序请求接口的requestAPI相当无奈，因为项目急就没考虑那么多，直接开干。后边闲下来就考虑了一下做了一个封装，来统一做一些数据处理，达到减轻开发重复性，优化代码的作用：首先我封装了一个类： import { base_url } from ../config/api // ...

JouyPub 2019-08-23 18:33 评论0 收藏0