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

观测云用户体验中的基础功能(自定义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',
});
相关推荐
ZC跨境爬虫18 分钟前
跟着 MDN 学 HTML day_52:(深入 XPathExpression 接口)
开发语言·前端·javascript·ui·html·音视频
UXbot31 分钟前
AI 原型工具零设计基础操作指南与功能解析(2026)
前端·ui·产品经理·原型模式·web app
无心水32 分钟前
【Hermes:进阶调优与性能优化】41、模型选择策略:OpenRouter 多模型切换与成本优化
人工智能·性能优化·mcp协议·openclaw·养龙虾·hermes·honcho
yuzhiboyouye1 小时前
VO一般java后端怎么转换成前端想要的数据
java·前端·状态模式
小脑斧1231 小时前
从范式重构到工程落地:OpenTiny NEXT 引领前端智能化新范式
前端·hermesagent·opentiny next
小江的记录本1 小时前
【AI大模型选型指南】《2026年5月(最新版)国内外主流AI大模型选型指南》(企业版)
前端·人工智能·后端·ai作画·aigc·ai编程·ai写作
幽络源小助理2 小时前
最新轻量美化表白墙系统源码v2.0_带后台版_附搭建教程
前端·开源·源码·php源码
qq_381338502 小时前
前端状态管理新范式:Zustand、Jotai 与 Preact Signals 深度对比
前端·arcgis
布局呆星2 小时前
Vue Router 笔记(二):正则路由、组件通信与动态路由
前端·javascript·vue.js
丑八怪大丑2 小时前
HTML&CSS
前端·css·html