yqb-log-report v1.3.7

log-report -- 前端H5项目日志上报插件

一、功能

1. H5项目多场景化接入插件
2. 提供给业务项目规范的主动上报日志接口 API，并包括规范的日志级别
3. 插件自动捕获未处理异常，目前包括 6 种（'运行期异常'|'资源加载异常'|'AJAX请求异常'|'Prmise异常'|'静态资源网络劫持异常'|'Vue异常'|'React异常'）
4. 支持通过SourceMap还原出错源代码方案
5. 兼容性（目前只保证支持手机端，且自动捕获的未处理异常也因为使用的API的兼容性原因会无法正常捕获到）
6. 记录用户关键行为（如出错前的鼠标点击、HTTP请求、页面跳转等），帮助您复现BUG - 计划中

二、阅读文档

• 快速入门
  • 接入插件
    • 基础场景
    • Vue框架扩展场景
    • React框架扩展场景
  • 使用插件
  • 查看CAT实时统计日志
  • 查看ELK平台全量日志
• 深入理解
• 错误类型
  • JS运行时异常
  • Ajax请求异常
  • 静态资源加载异常
  • Promise异常
• 前端框架
• 兼容性
• Source Map
• API文档
• 网络劫持
  • 子资源完整性捕获异常

三. 项目内插件使用案例 Demo

• Script标签方式使用
  • 主动上报异常
  • JS运行时异常
  • 静态资源加载异常
  • Ajax请求异常
  • Vue异常
  • React异常
  • 手动触发上报
  • 性能数据收集
  • 关闭性能数据收集
• 模块化方式使用
  • 无框架
  • Vue集成
  • React集成
• 自动初始化
  • 无框架
  • Vue集成
  • React集成

三、贡献代码

1. 构建插件 API

npm run jsdoc

2. 发布 npm 插件模块

2.1 构建可发布的代码

vi package.json  # 修改版本号
npm run build  # 构建插件模块

2.2 发布到 npmjs 官网

## 1) 登录账号
npm login --registry=https://registry.npmjs.org  
## 2) 发布本模块
npm publish --registry=https://registry.npmjs.org/

3. 构建插件案例

node build/build.js --env stg2  # uat | production