监控微信小程序中的慢HTTP请求

监控微信小程序中的慢HTTP请求

总结：请求时间过长，影响用户体验。 使用监控缓慢请求。

微信小程序监控插件0.5.0版本已经支持监控HTTP请求错误。 HTTP请求是通过wx. 在小程序中。 如果请求失败，则会被捕获并报告。 时隔一年，微信小程序插件已经更新到1.3.1，并且提供了一个非常实用的功能，支持监控HTTP慢请求。 对于轻量级的性能分析来说，可以说是足够了。

本文我们以一个天气微信小程序（开发者）为例，演示如何监控慢请求。 bmap-wx.js中的()函数调用百度地图小程序API提供的接口来获取天气预报信息。

门禁监控

由于使用了百度的API，我们无法确认接口的稳定性。 有时可能会非常慢，导致无法显示天气信息。 因此，我们用它来监控请求何时太慢。 接下来，我们演示一下如何监控慢请求。 注册账号后，创建项目时记得选择项目类型“微信小程序”。

按照说明完成访问过程：

在 app.js 顶部添加以下代码（记住将其替换为您自己的代码）：

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()函数只要设置了就可以使用，但是为了最大限度地发挥监控的威力，我们不妨设置更多的监控选项。

微信小程序插件可配置项较多，由于涉及数据，所以默认关闭。 我们可以监控函数调用()和函数调用的参数(ts)，监控HTTP请求的Body中的数据()，获取系统信息()、用户信息()、地理位置()。

监控慢速请求

最后，最重要的步骤是配置为监视超过特定持续时间、类型（以毫秒 (ms) 为单位）的请求。 出于演示目的，我们将时间设置为 200 毫秒。

在微信开发者工具中运行代码，立即出现错误。 小程序向接口发送请求时长为571ms，超出预设时间200ms。

错误详情

请求返回code 200，表示可以正常获取数据。 点击错误可以查看错误详细信息：

通过以上统计，我们可以了解获取天气信息的界面缓慢的趋势、受影响的用户数量以及累计发生次数。 我们可以以此来评估该接口是否需要优化甚至替换为其他第三方接口来解决这个问题。

附加信息

因为配置好了，我们可以在请求体中查看详细数据。 当请求失败时，有时需要结合参数来分析失败原因。

另外，用户行为数据记录了小程序的运行细节，尤其是函数调用顺序，对于理解程序出错前的执行逻辑非常有帮助：

关于

专注于微信小程序、微信小游戏、支付宝小程序、React、Node.js、Java在线应用的实时BUG监控。 自2016年双十一正式上线以来，累计处理错误事件超过10亿次。 其付费客户包括阳光保险、核桃编程、荔枝FM、掌门1对1、微脉、青团社等多家品牌公司。 欢迎大家免费试用！

图像