如何通过CDN方式为Web应用安装ARMS前端监控探针
网站编辑2022-10-25 15:08:07413
如何通过CDN方式为Web应用安装ARMS前端监控探针?如果需要使用ARMS前端监控来监控Web应用,必须先通过CDN或npm方式安装探针。下面小编就来分享一下通过CDN方式为Web应用安装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包。
从控制台上复制以下初始化命令并执行。







