### 引入方法
```sh
yarn add npmhooksentry
```

```javascript
import "npmhooksentry";
import { createApp } from 'vue';
// ....自己的代码
```

app.vue
### 使用:

```javascript
export default {
  name: 'App',
  mounted(){
    window.SdkSentry = new window.NpmHookSdkSentry({
        api: "http://api.npmhook.com",
        start: true, 
        appkey: "04JW63XyYfLe0u9Rva",
        httpErrorKeyName:"code",
        userInfo: "15021676592", 
        //发送接口间隔时间
        timeNum: 5000, 
        error: (res) => {
          console.error("注册失败",res);
        },
        success: (res) => {
          console.info(`注册成功`,res);
        }
    });

    //saveError使用案例
     window.SdkSentry.saveError("ajax",{
          url:"https://127.0.0.1/login",//接口url,
          body:{userName:"虎克",pwd:"123456"},//接口请求参数,
          response:{msg:"密码错误"},//错误对象
      }).then(()=>{
        
      })
      window.SdkSentry.saveError("js",{
          jsPath:"https://127.0.0.1/a.js",//错误js路径,
          error:{
            message:"错误信息",
            stack:"错误栈信息",
          },//对象对象栈对象,
      }).then(()=>{
        
      })

  }
}
```

>引入之后，会在window上绑定一个全局实例对象,NpmHookSdkSentry

### NpmHookSdkSentry 类说明

|  字段名称   |   类型  |   描述  | 
| --- | --- | --- |
|  stopWatch   |   function  |   停止监听  |
|  startWatch   |   function  |   开启监听 |
|  setUserInfo   |   function  |      动态设置唯一标识 |
|  saveError   |   function(type,error)  | type:ajax|js两种类型 error:为上报的错误数据  暴露外部，用于主动上报错误函数，具体参数请看底下文档描述 |


### NpmHookSdkSentry 参数说明

|  字段名称            |   类型   |    描述  | 
| ---                 |     ---  |      --- |
|  httpCodes                |  Array  |    成功状态集合 默认[200] |
|  api                |  string  |    自己的接口地址，具体上报的数据格式，请查看network  |
|  start              |  boole   |    是否启动监听 主要是排除测试环境不需要开启监听 或者使用stopWatch  startWatch 开启或者关闭 |
|  appkey             |  string  |    产品key |
|  httpErrorKeyName   |   string  |   http错误字段名称，默认为http的请求返回的respone中的code字段 |
|  httpValidateError   |   function(response)  |   自定义http错误规则，该字段默认没有。默认根据http状态码规则验证,true:代表异常 false:代表正确|
|  userInfo            |   string  |   当前账户唯一标识,也可以通过window.SdkSentry实例对象的window.SdkSentry.setUUID函数动态设置|
|  timeNum             |   number  |   发送接口间隔时间|
|  otherInfo           |   object  |   其他额外信息，想怎么加就怎么加，妈妈再也不用担心,此字段默认为：navigator.connection对象中的数据|

>注意事项

1：在项目最顶端入口处《请保证引入的位置是js的最顶端入口》


### 有问题随时联系个人微信号

![](https://user-gold-cdn.xitu.io/2020/5/30/172654fa4c460a2e?imageView2/2/w/480/h/480/q/85/interlace/1)