@langge-data/web-logger v1.0.6

前端日志收集插件

安装依赖

npm install @langge-data/web-logger

导入依赖

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

实例化

// 全局唯一实例
/**
 * @param {object} props 必填
 * @param {string} props.service 必填 日志服务地址
 * @param {string} props.refreshToken 必填
 * @param {number} [props.clock] 每隔多久自动发送日志，默认10秒
 * @param {number} [props.maxLength] 日志池满多少条自动发送日志，默认10条
 * @param {object} [props.extendsInfo] 日志是否追加扩展，如任务信息、用户信息
 * @param {boolean} [props.useBrowserInfo] 日志是否追加浏览器信息
 * @param {boolean} [props.useSystemInfo]  日志是否追加操作系统信息
 */
const webLogger = new WebLogger({
  service: 'http://dev-log.langgemap/log/record',
  refreshToken: "X9ikDML4vmG7qf2Xl6vIWxXQPnUFiO6C",
  useBrowserInfo: true,
  useSystemInfo: true,
  extendsInfo: {
    taskId: '1234',
    userId: '1234',
    userName: '张三',
  }
});

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

/* 私有方法 */
webLogger._postLogs

/* 公有方法 */

// 启用、关闭日志记录
webLogger.enable(true);
// 插入普通日志
webLogger.info('this is string message')
// 插入警告日志
webLogger.warn('${log_key}: ${log_val}, ${log_key}: ${log_val}')
// 插入错误日志
webLogger.error('this is string message')
// 即时发送日志
webLogger.postLogs()

// 插入日志对象
webLogger.error({
  key1: 'val1',
  key2: 'val2',
})

发版记录