Fundebug的微信小程序监控插件已经支持0.5.0版本的HTTP请求错误监控。HTTP请求通过小程序中的wx.request启动。如果请求失败,它们将被捕获并报告。一年后,微信小程序插件已经更新到1.3.1,提供了一个非常有用的功能,支持监控HTTP慢速请求。可以说,轻量级的性能分析就足够了。
本文以一个天气微信小程序(bodekjan开发)为例,演示了如何监控慢速请求。bmap-wx.js中的weather()函数调用百度地图小程序api提供的接口获取天气预报信息。
访问监控
因为使用百度的api,我们无法确认界面的稳定性,有时可能会很慢,导致天气信息无法显示。因此,我们使用Fundebug来监控缓慢的请求。接下来,我们将演示如何监控慢速请求。注册账号后,创建项目时记得选择“微信小程序”作为项目类型。
根据说明完成访问过程:
在app.js的顶部添加以下代码(记得用自己的代码替换apikey):
var fundebug=require('。/utils/funde bug . 1 . 3 . 1 . min . js’;funde bug . init({ apikey : ' YOUR-API-KEY ',monitorMethodCall: true,monitorMethodArguments: true,monitorHttpData: true,setSystemInfo: true,setUserInfo: true,setLocation: true,httptimeout : 200 });虽然init()函数只能通过设置apikey来使用,但是为了最大化监控的能力,我们可能希望设置更多的监控选项。
微信小程序插件有很多可配置项,由于涉及数据,默认关闭。我们可以监控函数调用和函数调用的参数,监控HTTP请求正文中的方法调用,获取系统信息(setSystemInfo)、用户信息(setUserInfo)和地理位置(setLocation)。
监控慢速请求
最后,最重要的一步是配置httpTimeout来监控超过特定时间的请求。httpTimeout类型是数字,单位是毫秒(毫秒)。出于演示目的,我们将时间设置为200毫秒。
在微信开发者工具中运行代码,Fundebug立即收到错误报告。小程序发送到https://api.map.baidu.com/telematics/v3/weather界面的请求时间为571毫秒,超出预设时间200毫秒。
错误详细信息
该请求返回代码200,表示可以正常获取数据。单击此错误查看错误详细信息:
通过上面的统计数据,我们可以知道获取天气信息的界面中缓慢情况的趋势,受影响的用户数量,以及累计出现的次数。我们可以评估这个接口是否需要优化,甚至被其他第三方接口取代来解决这个问题。
间接费用信息
因为配置了monitorHttpData,所以我们可以查看请求正文中的详细数据。当请求失败时,有时需要组合参数来分析失败的原因。
此外,用户行为数据记录了小程序的详细运行状态,尤其是函数的调用顺序,对于了解程序出错前的执行逻辑非常有帮助:
关于Fundebug
FundeBUG专注于JavaScript、微信小程序、微信游戏、支付宝小程序、React Native、Node.js和Java在线应用的实时BUG监控。自2016年双十一正式上线以来,方德宝共处理了10亿次错误事件,付费客户包括阳光保险、核桃编程、荔枝FM、头对头1对1、威麦、青联等众多品牌企业。欢迎免费试用!
以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。