新时代监控系统中必不可少的基础功能-观测云

观测云用户体验中的基础功能(自定义tag、错误、事件)

存在一些特定场景,需要通过设置不同类型的标识去定位分析一些数据,所以针对这些情况,RUM SDK 提供了一些特定的API 方便用户在自己的应用系统中,加入自己特定的逻辑:

  1. 自定义标识用户(ID、name、email)
  2. 自定义添加额外的数据 TAG
  3. 自定义添加 Action
  4. 自定义添加 Error

Rum自定义用户

自定义标识用户

SDK 默认情况下,自动会给用户生成一个唯一标识ID。这个ID不带任何标识属性,只能区别出不同用户属性。 为此我们提供了额外的API去给当前用户添加不同的标识属性。

属性 类型 描述
user.id string 用户ID

以下属性是可选的,但建议至少提供其中一个。

添加用户标识

javascript 复制代码
window.DATAFLUX_RUM && window.DATAFLUX_RUM.setUser({
    id: '1234',
})

自定义添加额外的数据 TAG

初始化 RUM 后,使用addRumGlobalContext(key:string,value:any) API 向从应用程序收集的所有 RUM 事件添加额外的TAG。

添加TAG

javascript 复制代码
// Code example
window.DATAFLUX_RUM && window.DATAFLUX_RUM.addRumGlobalContext('isvip', 'xxxx');
window.DATAFLUX_RUM && window.DATAFLUX_RUM.addRumGlobalContext('activity', {
    hasPaid: true,
    amount: 23.42
});

替换TAG

css 复制代码
// Code example
window.DATAFLUX_RUM &&
    DATAFLUX_RUM.setRumGlobalContext({
        codeVersion: 34,
    });

自定义添加 Action

初始化 RUM 后,使用addAction('<NAME>','<JSON_OBJECT>') API,可以自定义添加采集之外的action 指标数据。

php 复制代码
// Code example
window.DATAFLUX_RUM && window.DATAFLUX_RUM.addAction('cart', {
    amount: 42,
    nb_items: 2,
    items: ['socks', 't-shirt'],
});

自定义添加 Error

初始化 RUM 后,使用addError('<NAME>','<JSON_OBJECT>') API,可以自定义添加采集之外的 error 指标数据。

添加Error

vbnet 复制代码
// Send a custom error with context
const error = new Error('Something wrong occurred.');

window.DATAFLUX_RUM && DATAFLUX_RUM.addError(error, {
    pageStatus: 'beta',
});
相关推荐
小二·2 小时前
前端监控体系完全指南:从错误捕获到用户行为分析(Vue 3 + Sentry + Web Vitals)
前端·vue.js·sentry
阿珊和她的猫4 小时前
`require` 与 `import` 的区别剖析
前端·webpack
谎言西西里4 小时前
零基础 Coze + 前端 Vue3 边玩边开发:宠物冰球运动员生成器
前端·coze
努力的小郑4 小时前
2025年度总结:当我在 Cursor 里敲下 Tab 的那一刻,我知道时代变了
前端·后端·ai编程
GIS之路4 小时前
GDAL 实现数据空间查询
前端
OEC小胖胖5 小时前
01|从 Monorepo 到发布产物:React 仓库全景与构建链路
前端·react.js·前端框架
2501_944711435 小时前
构建 React Todo 应用:组件通信与状态管理的最佳实践
前端·javascript·react.js
困惑阿三5 小时前
2025 前端技术全景图:从“夯”到“拉”排行榜
前端·javascript·程序人生·react.js·vue·学习方法
苏瞳儿6 小时前
vue2与vue3的区别
前端·javascript·vue.js
weibkreuz7 小时前
收集表单数据@10
开发语言·前端·javascript