可以收集系统捕获异常和手动上报数据、其中异常包括 unCaught 自动捕获js异常、httpError 接口异常、sourceError 静态资源加载

异常、unhandledRejection 未处理promise异常 handledRejection 已处理promise异常 caught 手动上报异常 warn 手动上报警 

告信息、info 手动上报日志信息

所用技术 koa2 + typescript + mysql + redis + sequelize + jwt + pm2 + memory-cache(本地缓存和redis可以随时切换)

vue2 + vuex + vue-router + element-ui + echarts 等技术

待补充、可用于用于分析、浏览器设备占比分析、地区分析、操作系统分析、屏幕大小占比分析、等前端决策性数据

// 获取城市信息 必须引入
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
// 埋点引入
<script id="rebugger" useCustomField="true" silentDev="false" reportMode="onError" apikey="API-KEY"
 src="/static/js/front_rebugger.min.js" crossorigin="anonymous"></script>

// 获取城市信息 必须引入
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
// 动态埋点引入
<script type="text/javascript">

function loadScript(url, apikey) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = url;
    script.setAttribute("id", "rebugger");
    script.setAttribute("apikey", apikey);
    script.setAttribute("reportMode", "onError");
    document.body.appendChild(script);
}

loadScript("/static/js/front_rebugger.min.js", "API-KEY")
</script>

# GitHub Start 
192.30.253.112 github.com
192.30.253.119 gist.github.com
151.101.184.133 assets-cdn.github.com
151.101.184.133 raw.githubusercontent.com
151.101.184.133 gist.githubusercontent.com
151.101.184.133 cloud.githubusercontent.com
151.101.184.133 camo.githubusercontent.com
151.101.184.133 avatars0.githubusercontent.com
151.101.184.133 avatars1.githubusercontent.com
151.101.184.133 avatars2.githubusercontent.com
151.101.184.133 avatars3.githubusercontent.com
151.101.184.133 avatars4.githubusercontent.com
151.101.184.133 avatars5.githubusercontent.com
151.101.184.133 avatars6.githubusercontent.com
151.101.184.133 avatars7.githubusercontent.com
151.101.184.133 avatars8.githubusercontent.com

  <script id="rebugger" useCustomField="true" silentDev="false" reportMode="onError" apikey="API-KEY" src="/static/js/front_rebugger.min.js" crossorigin="anonymous"></script>

<script type="text/javascript">

function loadScript(url, apikey) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = url;
    script.setAttribute("id", "rebugger");
    script.setAttribute("apikey", apikey);
    script.setAttribute("reportMode", "onError");
    document.body.appendChild(script);
}

loadScript("/static/js/front_rebugger.min.js", "API-KEY")
</script>

<script id="rebugger" useCustomField="true" silentDev="false" reportMode="onError" apikey="API-KEY" src="/static/js/rebugger_logger.min.js"></script>
// 定义属性配置
<script>
    if(Rebugger){
        // 配置自定义上报字段 这些字段将会以JSON字符串的形式保存在metaDta字段里
        Rebugger.default.options.customField = {
            userName: {
                origin: "localStorage",
                paths: "user.userName"
            },
            userId: {
                origin: "localStorage",
                paths: "user.id"
            }
        }
        Rebugger.default.options.baseUrl = "http://xxx...";
    }
</script>

    // 使用日志对象时必须先判断该对象是否存在
    if ( Rebugger ) {
        ...
        Rebugger.default.上报方法(上报信息对象);
    }
    // 安全使用 添加try catch
    try {
        if ( Rebugger ) {
        ...
        Rebugger.default.上报方法(上报信息对象);
        }
    } catch (error) {
        
    }

  Rebugger.default.reportInfo(errorInfo);

 Rebugger.default.reportWarning(errorInfo);

Rebugger.default.reportHttpError(errorInfo);

Rebugger.default.reportError(errorInfo);

Rebugger.default.reportHandledRejection(errorInfo);

  // 异常字段
  ReportFieldV = {
    日志名称: "name",
    异常信息: "message",
    异常堆栈: "stack",
    异常文件: "fileName",
    所在文件行: "lineNumber",
    所在文件列: "columnNumber",
    其它信息: "metaData",
    异常组件: "componentName",
    组件参数: "propsData",
    资源接口地址: "src",
    状态码: "status",
    状态内容: "statusText",
  }

    打包埋点文件 npm run build:em

    npm install
    npm run dev
    npm run build

    npm run serve 开始调试模式
    部署模式需要环境全局安装pm2
    npm install -g pm2 // 安装pm2
    npm run restart:dev // 部署到开发环境
    npm run restart:test // 部署到测试环境
    npm run restart:prod // 部署到生产环境