前端日志收集插件

安装依赖

npm install @langge-data/web-logger

导入依赖

import WebLogger from '@langge-data/web-logger';

实例化

// 全局唯一实例
const webLogger = new WebLogger({
  time: 10, // 距离最后一次发送日志（默认10秒）
  count: 10, // 日志满多少条自动发送（默认10条）
});

/* 属性 */
// 获取待发送的日志集合
webLogger.logs

/* 私有方法 */
webLogger._postLoggers
// 1、距离最后一次发送日志时长 〉${time}（默认10秒）时发送。
// 2、日志满多少条自动发送 ${count}（默认10条）时发送
// 3、发送后清空 logs 记录

/* 公有方法 */
// 插入普通日志
webLogger.info('this is string message')
// 插入警告日志
webLogger.warn('${log_key}: ${log_val}, ${log_key}: ${log_val}')
// 插入错误日志
webLogger.error('this is string message')

// TODO 如果日志服务支持自定义字段
webLogger.error({
  key1: 'val1',
  key2: 'val2',
})