You need to enable JavaScript to run this app.
导航

自定义监控

最近更新时间2023.04.21 18:02:32

首次发布时间2022.03.16 11:25:37

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

上报方式

上报示例代码:

// 如果您使用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展示了该维度上报量排名。