應用場景

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. 自動化測試