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

观测云用户体验中的基础功能(自定义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',
});
相关推荐
拉不动的猪6 分钟前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy1 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom1 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom1 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom1 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom2 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom2 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试
LaoZhangAI3 小时前
2025最全GPT-4o图像生成API指南:官方接口配置+15个实用提示词【保姆级教程】
前端
ONE_Gua3 小时前
chromium魔改——CDP(Chrome DevTools Protocol)检测01
前端·后端·爬虫
LaoZhangAI3 小时前
2025最全Cherry Studio使用MCP指南:8种强大工具配置方法与实战案例
前端