應(yīng)用場景
1碱鳞、監(jiān)聽線上未知錯誤
// 例如:調(diào)用錯誤
var result = {}
console.log(result.data.msg) // 拋出錯誤
2、記錄錯誤執(zhí)行堆棧踱蛀,更方便重現(xiàn)錯誤
小程序使用
1窿给、引入資源
在app.js中加入,記得放在App對象上面
var xbossdebug = require('xbossdebug.js') // 引用xbossdebug
xbossdebug.apikey = 'maizuo' // apikey為自定義唯一值率拒,用于后端記錄時區(qū)分應(yīng)用
xbossdebug.url = 'https://domain.com/'; // 上報(bào)服務(wù)端地址
2崩泡、測試是否正常使用
App({
onLaunch: function () {
xbossdebug.notifyError('error')
}
})
3、控制臺查看network猬膨,如果看到一個指向你配置url的請求角撞,那就成功了。
// 發(fā)送的結(jié)構(gòu)如下
{
apikey: String // 應(yīng)用唯一id
breadcrumbs: Array // 函數(shù)執(zhí)行面包線,方便用于錯誤重現(xiàn)
error: String // 錯誤堆棧信息
releseStage: String // 當(dāng)前執(zhí)行環(huán)境
systemInfo: Object // 用戶系統(tǒng)信息
notifierVersion: String // 插件版本
appVersion: String // 小程序版本
locationInfo: Object // 用戶位置信息
userInfo: Object // 用戶信息
timing: Object // 頁面加載耗時
}
4谒所、可選參數(shù)
xbossdebug.setSystemInfo = true; // 獲取系統(tǒng)信息
xbossdebug.setUserInfo = true; // 獲取用戶信息
xbossdebug.setLocation = true; // 獲取用戶位置信息
xbossdebug.monitorMethodCall = true; // 監(jiān)聽用戶自定義方法(默認(rèn)只監(jiān)聽生命周期函數(shù))
xbossdebug.methodWhitelist = ["foo", "bar"]; // 監(jiān)聽白名單 白名單和黑名單同時配置時热康,只應(yīng)用白名單
xbossdebug.methodBlacklist = ["foo", "bar"]; // 監(jiān)聽黑名單
TODO
- 服務(wù)端記錄數(shù)據(jù)
- 數(shù)據(jù)并可視化
- 資源加載監(jiān)控
- 頁面性能監(jiān)控
- typescript版本
- 自動化測試
作者:zhengguorong
鏈接:小程序bug監(jiān)控工具-教程-小程序社區(qū)-微信小程序-微信小程序開發(fā)社區(qū)-小程序開發(fā)論壇-微信小程序聯(lián)盟
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)劣领,非商業(yè)轉(zhuǎn)載請注明出處姐军。