说明

该 js 包为前端通用包，兼容各种代码框架

功能

提供封装的 api，以简便的方式对前端系统中的各种交互操作进行捕获，并上报到日志系统。目前可以全局自动捕获的功能包括：

1. 单击事件上报

半自动的功能包括：

1. 图层操作事件上报

其余功能可以通过手动上报 api 自行在代码中集成，实现上报功能，具体使用方法参见下方

使用

安装命令

执行命令 npm install cfloggerjs

初始化

1
2var log = new cfloggerjs.Logger({
3    // 必须传
4    // send_url 日志接口地址
5    send_url: '日志接口地址',
6    // dom 过滤器，在这里面的 dom 类型才监听
7    dom_selector: ['button', 'radio', 'input', 'select'],
8    // 运维配置系统accesstoken，与下面的user_sha和app_code互斥
9    identify_token:''
10    // 用户登录后获取的 accessToken
11    user_sha: 'accessToken（来自城方平台登录接口）',
12    // 应用 id
13    app_code: '',
14    // 可以不传
15    // 以下皆为默认值
16    // 日志接口类型，不同类型对应不同的接口参数组织方式，目前只有 default（大部分用 default，其他类型如果有的话业也只是为兼容部分特殊的情况）
17    url_type: 'default',
18    // 是否集成上报 sdk，快捷的方式提供临时的开关
19    default_integrations: true,
20    // 日志上报的最低条数限制
21    limit_length: 20,
22    // 日志上报的最大时间限制
23    limit_time: 10000,
24    // 是否监听 http 错误
25    http_error_catch: true
26});

通用上报

1// 上传到日志接口的 body 参数，具体结构依据后台配置提供，不固定
2var body = {
3    "Code": "",
4    "Content": { }
5}
6log.queueManage(body);

其他设置

手动强制上传日志记录

1// 可以在页面关闭前调用，避免操作记录丢失
2log.uploadLog();

手动停止检查日志上报

1// 重复实例化前可以通过该命令实现销毁，避免重复监听
2log.stopCheck();

图层操作监听

1/**
2 * {operation} 包含'open' | 'close' | 'moveup' | 'movedown' | 'opacity'5 个值，分别对应图层的打开、关闭、上移、下移和透明度调整
3 * {layerId} 图层 id
4 * {layerName} 图层名
5 * */
6log.mapLayerListener('operation', 'layerId', 'layerName');