一种轻量级的微信小程序日志监控的方法

今天一个活动要写个H5,明天一个功能要用小程序,天天都在写bug。用户反馈小程序用起来有问题还特么还不知道到底出了啥bug,反馈多了,老板要扣工资了!看来挖了太多坑不填也不行,程序异常还是要主动追踪,今天给大家介绍一个轻量级的错误日志监控服务Fundebug

Fundebug的小程序监控插件接入简单,只需要下载相应的插件文件,然后在app.js文件中引入并配置apikey即可。唯一要注意的就是微信需要设置request合法域名这一点不能忘记了。

1. 创建微信小程序监控项目

需要注册账号,点击创建团队

2. 下载并配置apikey

3. 测试

我参照官方文档,造了一个测试错误:

果然,立即收到了报错,控制台多出了一个小红点:

而且,值得点赞的是,在浏览器上方的tab标签中也有小红点。也就是说,即使你在用查看其它网站的信息的时候,也能及时知晓报错。

然后,在Fundebug的控制台就可以看到详细的错误信息了

而且,这些报错会聚合起来。你可以很容易看出一个错误出现了多少次,影响了多少用户,由此来判断错误的严重程度,决定要不要立即去改这个bug。

4. 个性化配置

Fundebug的微信小程序插件默认只会抓取错误信息,也就是说,连系统和设备信息都不会获取,除非你去配置。然后,你会发现他有一大堆可以配置的属性,可以说是很全面很到位了。

我试着做了一下基本的配置,然后就可以抓到系统信息。

并且连函数的调用都记录下来了,这个对于解bug可以说是非常有用了。

结论

一个轻量级的bug监控插件,做到了非轻量级的服务。Fundebug有免费的版本,每个月免费的额度是3000个错误事件,对于个人开发者也算够用。

原文地址:https://www.cnblogs.com/curationFE/p/wxapp_monitoring_method.html

时间: 2024-10-13 16:41:01

一种轻量级的微信小程序日志监控的方法的相关文章

微信小程序的正确开启方法,最新更新小程序附带详细图

我的微信版本早就更新到了最新版本V6.5.3 ,但是找遍了每个角落,都始终见不到"小程序"相关的东西,后来才知道,正确的开启方法如下! 打开微信,搜索"小程序示例"即可,点击小程序,进入界面,退出来之后会在"发现"一栏的最下面有"小程序的选项",详细的看下图.等添加完之后就可以从里面搜索小程序,添加小程序了! 看到了吧,非常多的小程序,可以免下载很多APP,节省手机空间. 但是,这个小程序搜索有个规则,就是你要搜索小程序,必须

微信小程序图片变形解决方法

微信小程序的image标签中有个mode属性,使用aspectFill即可 注:image组件默认宽度300px.高度225px mode 有效值: mode 有 13 种模式,其中 4 种是缩放模式,9 种是裁剪模式.

微信小程序页面跳转方法总结

微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面. // 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,但是 redirectTo wx.navigateTo({ url: 'page/home/home?user_id=111' }) // 关闭当前页面,返回上一页面或多级页面.可通过 getCurrentPages() 获取当

微信小程序——极点日历使用方法

极点日历github项目地址 添加至自己的小程序方法 极点日历属性接口文档 代码实例: xml: <calendar calendar-style="calendar" header-style="calendar-header" board-style="calendar-board" days-color="{{dayStyle}}" weeks-type="cn" binddayClick=&q

微信小程序scroll-view隐藏滚动条方法

不管是移动还是小程序我们在开发的时候总会遇到滚动条的问题,今天我也遇到了,加入以下代码即可解决. 在你当前文件的在wxss里加入以下代码: ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; } 原文地址:https://www.cnblogs.com/xuwen777/p/11703561.html

微信小程序中weui使用方法

1.git下载,找到dist文件: https://github.com/wechat-miniprogram/weui-miniprogram 2.把dist文件中的style复制到根目录 app.wxss引入这个文件 @import '/style/weui.wxss'; 3.dist文件中example目录复制到根文件,(里面是设置相关的代码,直接复制出来使用) 4.app.json把需要引用的文件引到里面 "pages": [ //比如使用button,把他引入 "e

微信小程序前端调用后台方法并获取返回值

wxml代码 <wxs src="../../wxs/string.wxs" module="tools" /> <!-- 调用tools.img(item.content)返回bool,也可以返回其他值 --> <view class='clearfix' wx:if="{{tools.img(item.content)}}"> <view class='content-view'> <im

微信小程序保存海报的方法

先授权 这个写在初始化的地方就可以了(授权成功还是图片存入本地) wx.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ scope: 'scope.writePhotosAlbum', success() { console.log('授权成功') } }) } } }) 然后 保存网络地址的海报下载下来 然后写入相册 var imgSrc = "http:/

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

在微信小程序里,与后台服务器交互的主要接口函数是wx.request(),用于发起 HTTPS 网络请求.其重要性不言而喻.然而,却经常遇到请求失败的问题,笔者特意谷歌"wx.request 请求失败",可以搜索到很多相关的文章,下面列出一些: wx.request 失败| 微信开放社区 微信小程序 wx.request 请求失败- SegmentFault 思否 小程序部分机型小程序用户无法发起 wx.request 请求,网络错误问题 ... wx.request()失败,requ