用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

小程序bug监控工具

Rolan 2018-4-27 00:28

应用场景1、监听线上未知错误// 例如:调用错误 var result = {} console.log(result.data.msg) // 抛出错误 2、记录错误执行堆栈,更方便重现错误小程序使用1、引入资源在app.js中加入,记得放在App对象上面var xbo ...

应用场景

1、监听线上未知错误

// 例如:调用错误
var result = {}
console.log(result.data.msg) // 抛出错误

2、记录错误执行堆栈,更方便重现错误

小程序使用

1、引入资源

在app.js中加入,记得放在App对象上面

var xbossdebug = require('xbossdebug.js') // 引用xbossdebug
xbossdebug.apikey = 'maizuo' // apikey为自定义唯一值,用于后端记录时区分应用
xbossdebug.url = 'https://domain.com/'; // 上报服务端地址
2、测试是否正常使用
App({
  onLaunch: function () {
    xbossdebug.notifyError('error')
  }
})
3、控制台查看network,如果看到一个指向你配置url的请求,那就成功了。
// 发送的结构如下
{
    apikey: String // 应用唯一id
    breadcrumbs: Array // 函数执行面包线,方便用于错误重现
    error: String // 错误堆栈信息
    releseStage: String // 当前执行环境
    systemInfo: Object // 用户系统信息
    notifierVersion: String // 插件版本
    appVersion: String // 小程序版本
    locationInfo: Object // 用户位置信息
    userInfo: Object // 用户信息
    timing: Object // 页面加载耗时
}
4、可选参数
xbossdebug.setSystemInfo = true; // 获取系统信息
xbossdebug.setUserInfo = true; // 获取用户信息
xbossdebug.setLocation = true; // 获取用户位置信息
xbossdebug.monitorMethodCall = true; // 监听用户自定义方法(默认只监听生命周期函数)
xbossdebug.methodWhitelist = ["foo", "bar"]; // 监听白名单 白名单和黑名单同时配置时,只应用白名单
xbossdebug.methodBlacklist = ["foo", "bar"]; // 监听黑名单

方案设计思想

TODO

  1. 服务端记录数据
  2. 数据并可视化
  3. 资源加载监控
  4. 页面性能监控
  5. typescript版本
  6. 自动化测试
鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: zhengguorong 来自: github

相关阅读

  • Rolan 2018-4-28 11:05
    Fundebug: 您好,我是Funebug的负责人Stefanzan! 在此,Fundebug严重申明您的行为已经构成侵权。您的代码风格和我们的微信小程序监控插件代码极度相似,代码是像素级copy ...
    如若需删除该文章 请私信联系我们~
  • Rolan 2018-4-28 11:04
    Fundebug: 您好,我是Funebug的负责人Stefanzan! 在此,Fundebug严重申明您的行为已经构成侵权。您的代码风格和我们的微信小程序监控插件代码极度相似,代码是像素级copy ...
    你好,我们是看到相关作者开源在GitHub上才转载的,如若侵权建议联系GitHub作者 https://github.com/zhengguorong/xbossdebug
  • Fundebug 2018-4-28 10:18
    您好,我是Funebug的负责人Stefanzan!
    在此,Fundebug严重申明您的行为已经构成侵权。您的代码风格和我们的微信小程序监控插件代码极度相似,代码是像素级copy,只是改一下变量名,函数顺序、数组和变量名字都没变;您的演示截图完全是从我们的网站上截取下来的。我们已经保留相关证据,在此要求您立即停止侵权行为,否则我们将寻求法律手段维护Fundebug的权益!

    相关资料:
    1. Fundebug小程序监控插件文档:https://docs.fundebug.com/notifier/wxjs/
    2. Fundebug首页的用户行为演示:https://www.fundebug.com/