文档中心

应用性能监控全链路版

请输入

使用指南

自定义监控

自定义监控是前端通过打点的方式进行数据的上报，您可以在管理后台看到对应打点的总览信息。

通过打点上报，您可以查看关键路径的访问次数、关键页面的打开时间，根据业务自定义需要观测的数据，在管理后台进行观察。通过自定义监控，您可以配置需要进行告警的数据，对前端运行环境进行自定义的监控。

自定义事件：

上报方式

上报示例代码：

// 如果您使用npm的方式引入​
import browserClient  from '@apmplus/web'​
​
// 若为普通的计数打点​
browserClient('sendEvent', {​
    name: 'basic-custom',​
    categories: {​
      fruit: 'banana',​
    },​
});​
​
// 若为自定义指标打点，与计数打点的区分是计数打点默认metric的值是1，而自定义指标打点里metric的值可以任意设置​
const val = ~~(Math.random() * 200);​
browserClient('sendEvent', {​
    name: 'custom-metrics',​
    metrics: {​
      custom_metric: val,​
    },​
    categories: {​
      fruit: val > 100 ? 'banana' : 'apple',​
    },​
});​
​
// 如果您使用cdn的方式引入​
window.apmPlus('sendEvent', {// 如上配置}）​

具体参数，请参考自定义上报字段中的CustomPayload字段。

事件列表

列表中，有示例中上报的custom-metrics事件，可以看到用户量、上报量的趋势。

数据分析：单击可以查看更多趋势相关，例如想要当前打点按照某个维度进行分组，在图表中修改指标配置。

在左侧的指标里找到自定义指标，然后选择对应的事件名。例如，选择自定义事件custom-metrics中的指标custom_metric，再通过category里上报的fruit进行分组。

数据探索：单击可以查看更多单点相关信息，例如想查看某一个时间段，该事件的全部上报信息。

事件名：单击跳转到对应的事件详情。

自定义事件监控详情

自定义监控详情展示了当前事件上报的样本量以及用户数的细粒度趋势。

Metric：在字段列表中可以看到各个metric上报具体数值。

Category：查看各个Category上报信息以及Top20的类别，展示样本量以及对应的占比。

例如，图中展示了fruit单个维度，单击fruit展示了该维度上报量排名。

自定义日志：

上报方式

上报示例代码：

// 如果您使用npm的方式引入​
import browserClient  from '@apmplus/web'​
​
browserClient('sendLog', {​
    content: 'test my info level', // 日志内容，建议内容长度不要超过1024。平台侧可能会截断过长的日志​
    level: 'info', // 日志级别，可选择error、warn、info或其他任意自定义错误等级字符串​
    extra: {  //携带的额外内容​
        name:'test', // 字符串类型的内容会被转为日志的category，用于分析时对日志分类​
        count: 10 // number类型的内容会被转为日志的metric，用于分析日志相关的指标​
    }​
});​
​
// 如果您使用cdn的方式引入​
window.apmPlus('sendLog', {// 如上配置}）​