• 【无标题】


    基本思路

    实现需要VIP客户关系的绑定:一种思路是使用客户的user体系,另一种思路是使用追踪ID。

    逻辑关系

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TBYfPRDa-1660056022726)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/05510845d34941058714496b7e7f5703~tplv-k3u1fbpfcp-zoom-1.image)]

    基本介绍

    思路一

    通过sdk的自定义userId或者tag的方式实现,这里使用客户自己的用户体系。

    userID实现

    # 引入sdk
    import { datafluxRum } from '@cloudcare/browser-rum'
    # 根据vip逻辑设置用户标识
    if(VIP)
    datafluxRum.setUser({
        id: VIP标识,
    })
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

    查看

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-L2lytZuy-1660056022727)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/86a5f23c78424b90b29ceb885ec70d6b~tplv-k3u1fbpfcp-zoom-1.image)]

    自定义tag实现

       # 引入sdk
    			import { datafluxRum } from '@cloudcare/browser-rum'
       # 根据信息写入tag 
          datafluxRum.addRumGlobalContext("uId", 17600353988);
          datafluxRum.addRumGlobalContext("uAddress", "广东省增城丽维家中心");
          datafluxRum.addRumGlobalContext("uBussiness", "家具业务线");
          datafluxRum.addRumGlobalContext("uToken",uToken);
          datafluxRum.addRumGlobalContext("custom",{
            uId:17600353988,
            uAddress:"广东省增城丽维家中心",
            uToken:m,
            "uBussiness": "家具业务线"
          })
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13

    查看

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zI6phL5j-1660056022728)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/cd8e4c813a514edfb23627defb336243~tplv-k3u1fbpfcp-zoom-1.image)]

    这里能根据会话看到用户访问的轨迹,也就是页面浏览的行为,点击数据,资源加载数据,以及页面切换情况,

    会话轨迹

    会话情况包含:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-t0VQEaYf-1660056022728)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/278c0a0953514b26af2e10c7d5b91af4~tplv-k3u1fbpfcp-watermark.image?)]

    页面性能

    在这里插入图片描述

    请求情况,能追踪到后端和数据库详情

    在这里插入图片描述

    后端的每个类 数据查询的语句的详细情况

    在这里插入图片描述

    错误情况

    在这里插入图片描述

    错误详情

    字段类型描述
    error_sourcestring错误来源,参考值:console
    error_typestring错误类型,参考链接:error type
    resource_statusstring资源请求返回的状态值
    resource_urlstring资源 URL
    resource_url_hoststring资源 URL 域名部分
    resource_url_pathstring资源 URL path 部分
    resource_url_path_groupstring资源 URL path 分组
    resource_methodstring资源请求方式
    还能针对代码级别的错误进行sourcemap 还原

    思路二

    通过是用观测云的trackID的方式实现,这里由客户使用自己的用户体系。

    # 引入sdk
    import { datafluxRum } from '@cloudcare/browser-rum'
    # 业务逻辑生成用户体系,与trackId 这两者形成绑定关系
    if(VIP){
    	datafluxRum.addRumGlobalContext('track_id','***');
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6

    查看

    在这里插入图片描述

    试用

    点我注册试用

  • 相关阅读:
    node.js+express 做301重定向实验
    记一次攻防实战渗透
    LeetCode 2258. 逃离火灾:BFS
    Pytorch网络层参数初始化方法
    RT-Smart 应用开发笔记:fopen 造成文件被清空问题的分析记录
    七夕节赚徽章拉
    15.前端笔记-CSS-PS切图
    # ODS及DWD层自动化构建##, 220731,
    Windows下Core Audio APIs的使用简介
    「Django秘境探险:揭开Web开发的神秘面纱」
  • 原文地址:https://blog.csdn.net/power8988/article/details/126257196