小程序bug監控工具
發布時間：2018-05-09 15:25 所屬欄目：小程序開發教程
應用場景
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 // 頁面加載耗時
}、
xbossdebug.setSystemInfo = true; // 獲取系統信息 xbossdebug.setUserInfo = true; // 獲取用戶信息 xbossdebug.setLocation = true; // 獲取用戶位置信息 xbossdebug.monitorMethodCall = true; // 監聽用戶自定義方法（默認只監聽生命周期函數） xbossdebug.methodWhitelist = ["foo", "bar"]; // 監聽白名單 白名單和黑名單同時配置時，只應用白名單 xbossdebug.methodBlacklist = ["foo", "bar"]; // 監聽黑名單 方案設計思想 TODO
- 服務端記錄數據
- 數據并可視化
- 資源加載監控
- 頁面性能監控
- typescript版本
- 自動化測試
