如何通过CDN方式为Web应用安装ARMS前端监控探针

网站编辑2022-10-25 15:08:07413

  如何通过CDN方式为Web应用安装ARMS前端监控探针?如果需要使用ARMS前端监控来监控Web应用,必须先通过CDN或npm方式安装探针。下面小编就来分享一下通过CDN方式为Web应用安装ARMS前端监控探针的操作方法。

安装ARMS前端监控探针

  安装前端监控探针的操作流程:
  1、登录ARMS控制台。
  2、在左侧导航栏选择前端监控 > 前端列表,并在顶部菜单栏选择目标地域。
  3、在前端列表页面右上角单击创建应用站点。
  4、在接入中心面板的前端、移动端和用户端应用区域,单击Web & H5。
  5、在接入Web & H5面板的创建应用区域输入自定义的应用名称。
  6、在接入Web & H5面板的SDK扩展配置项区域选中需要的选项,便于快捷生成待插入页面的BI探针代码。
  (1)关闭API自动上报:选中此项后,需手动调用__bl.api()方法上报API成功率。
  (2)开启SPA自动解析:选中此项后,ARMS会监听页面的hashchange事件并自动上报PV,适用于SPA(Single-Page Application,单页面应用)场景。
  (3)开启首屏FMP采集:选中此项后,ARMS将采集首屏FMP(First Meaningful Paint,首次有效渲染)数据。
  (4)开启页面资源上报:选中此项后,在页面onload事件触发时会上报页面加载的静态资源。
  (5)与应用监控关联:选中此项后,API请求会与后端应用监控进行端到端关联。
  (6)开启用户行为回溯:选中此项后,JS错误诊断可提供用户行为回溯。
  (7)开启Console追踪:开启此项后,用户行为回溯会追踪Console内容,包括error、warn、log、info等。
  7、选择其中一种方法安装前端监控探针。
  (1)异步加载:复制提供的代码并粘贴至页面HTML中 <body>元素内部的第一行,然后重启应用。
  (2)同步加载:复制提供的代码并粘贴至页面HTML中 <body>元素内部的第一行,然后重启应用。
  (3)npm包
  执行以下命令以引入npm包。

  从控制台上复制以下初始化命令并执行。


  阿里云合作伙伴典名科技,长期合作,安全稳定。如果亲们对阿里云的产品有需求,可以直接咨询我们的在线客服,通过我们购买阿里云的产品可享受满减优惠、折扣优惠、返利优惠!我们7*24小时随时随地提供技术服务!

最新推荐

右侧广告图1
  • Web应用防火墙 WAF

    Web应用防火墙对网站或APP的业务流量进行恶意特征识别及防护,将清洗后的安全流量返回至服务器。避免服务器被恶意攻击及入侵,应用被挂马和篡改,保护核心数据安全,保障业务稳定运转。

    4950.00/年

    典名专属折扣

  • CDN/全站加速

    内容分发网络 CDN 是建立并覆盖在承载网上,由不同区域的服务器组成的分布式网络。将源站资源缓存到全国各地的边缘服务器,供用户就近获取,降低源站压力。

    8.40/年

    限购5个

  • DDoS高防(国际)

    通过DNS解析方式牵引流量到阿里云全球DDoS防护网络,清洗流量型和资源耗尽型DDoS攻击,隐藏被保护的源站服务器

    67500.00/3个月

    典名专属折扣

右侧广告图2