检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
JS错误 JS错误展示站点的错误统计,包括:JS稳定性、JS错误列表、JS错误类型列表以及JS错误率页面排行榜。 操作步骤 登录管理控制台。 单击左侧,选择“管理与监管 > 应用性能管理 APM”,进入APM服务页面。 在左侧导航栏选择“前端监控 >JS错误”,展示JS错误的性能数据。
开始监控Node.js应用 快速接入Agent 手动接入Agent
Js错误采集 Js错误采集(WebError),Js错误采集器,获取页面错误相关信息。包括:类别、指标、指标名称、指标说明、单位、数据类型以及默认聚合方式。 表1 Js错误采集指标说明 指标类别 指标 指标名称 指标说明 单位 数据类型 默认聚合方式 Js错误指标集(JsError,Js错误指标集相关信息。)
Node.js类型 APM支持的Node.js类型 APM支持Node.js类应用,目前已支持多种主流Node框架、web服务器、通讯协议、数据库等,可实现应用轻松接入。 表1 自研探针Node.js组件信息 探针类型 组件 版本 自研探针 express 4.0.0+ 自研探针
信息、页面加载时间分解图、资源加载分析图。 页面数值信息 页面加载时间分解图,展示从页面加载到页面加载完成的各部分耗时,瀑布图参数说明见表3。 资源加载分析图,展示视图加载事件和周围上下文。不同资源类型有不同的颜色,柱子长度代表加载资源的耗时。悬浮到柱子上方可看到此加载时间的具体
否 true JS错误追踪开关。 JS错误追踪开关:监听和上报所有JS错误。请注意,这个功能会改变业务在浏览器上显示的路径。 smartJsErr 否 true Js错误智能采集开关。 Js错误智能采集:短时间内大批量JS错误智能消减,在一次访问中超过100条的相同JS错误就不进行上报。
JAVA探针以及Node.js探针 计费说明 APM提供特惠包以及按需计费模式,计费项仅包含探针。具体内容如表1所示。 表1 计费规则 区域 产品规格 计费方式 特惠包名称 规格 价格 计费单价 有效期 华北-北京四 华北-乌兰察布一 华东-上海一 华南-广州 华南-广州-友好用户环境
页面访问量或点击量的数量。 平均加载时间 页面加载的平均时间。 JS错误数 JS错误的数量。 慢接口占比 慢接口指加载耗时大于1000ms的调用,慢接口占比=慢接口数量/总接口数量。 接口成功率 接口成功率=接口成功数/总接口。 加载次数 页面加载的次数。 页面地址 访问某页面的地址。
“接入方式”选择增强型探针、Skywalking或者OpenTelemetry。 “服务端语言”选择Node.js。 图3 接入方式 使用PuTTY等远程登录工具,登录待安装Agent的Linux操作系统主机,并以root权限执行相关命令。 根据应用类型选择接入对应的接入方式,按照步骤接入。 如果接入方式选择
“接入方式”选择增强型探针、Skywalking或者OpenTelemetry。 “服务端语言”选择Node.js。 图3 接入方式 使用PuTTY等远程登录工具,登录待安装Agent的Linux操作系统主机,并以root权限执行相关命令。 根据应用类型选择接入对应的接入方式,按照步骤接入。 如果接入方式选择
用户数量 访问站点用户的数量。 浏览量 页面访问量或点击量。 平均加载时间 页面加载的平均时间。 仅Web/H5支持展示“平均加载时间”值。其他小程序不支持,“平均加载时间”的值统一展示为“0”。 JS错误率 JS错误率=运行JavaScript触发的错误总数/运行JavaScript的总数。
否 true JS错误追踪开关。 JS错误追踪开关:监听和上报所有JS错误。请注意,这个功能会改变业务在浏览器上显示的路径。 smartJsErr 否 true Js错误智能采集开关。 Js错误智能采集:短时间内大批量JS错误智能消减,在一次访问中超过100条的相同JS错误就不进行上报。
使能SDK,埋码代码会自动在小程序中完成埋点,所以建议在app.js中执行埋码代码,也可以在项目的任何位置执行。引入SDK方式分为:文件引入方式和npm方式引入。 采用npm方式集成SDK。 运行安装SDK的命令,安装SDK软件包。 从页面复制用于埋码的代码放置到app.js文件中。 自定义上报统计 (可选步骤)。
使能SDK,埋码代码会自动在小程序中完成埋点,所以建议在app.js中执行埋码代码,也可以在项目的任何位置执行。引入SDK方式分为:文件引入方式和npm方式引入。 采用npm方式集成SDK。 运行安装SDK的命令,安装SDK软件包。 从页面复制用于埋码的代码放置到app.js文件中。 自定义上报统计 (可选步骤)。
使能SDK,埋码代码会自动在小程序中完成埋点,所以建议在app.js中执行埋码代码,也可以在项目的任何位置执行。引入SDK方式分为:文件引入方式和npm方式引入。 采用npm方式集成SDK。 运行安装SDK的命令,安装SDK软件包。 从页面复制用于埋码的代码放置到app.js文件中。 自定义上报统计 (可选步骤)。
间。 JS稳定性 在左侧导航栏选择“前端监控 > 总览”。 鼠标放置在“JS稳定性”的趋势图上,则展示JS稳定性的详细数据。 单击“更多”,跳转到该指标的详细页面,具体介绍参见JS错误。 图3 JS稳定性 表3 指标-JS稳定性相关参数说明 参数名称 说明 JS错误数 JS错误的数量。
在模板告警策略列表中选择需复制的模板,单击所在行操作列的“复制”,将模板中的告警配置复制到该组件中使用。 图2 根据模板创建告警策略 更多告警策略操作 告警策略创建完成后,您还可以执行表1中的操作。 表1 相关操作 操作 说明 启、停策略 在自定义告警策略列表中的“操作”列打开(开启状态)开关,策略即可生效;也可关闭开关,停用策略。
单击“会话ID”列中的某一条会话ID,展示该用户轨迹详情,详见访问追踪-步骤2。 JS错误追踪 在左侧导航栏选择“前端监控 >会话追踪”,在“站点”下拉列表中选择站点。单击“JS错误追踪”,切换到该站点“JS错误追踪”详情。 图8 查看JS错误追踪 表5 JS错误追踪参数说明 参数名称 说明 会话 ID 用户访问服务器或者网页的唯一标识。
概述 APM Agent会周期性采集一些前端监控的性能指标数据,用来衡量浏览器/H5端、小程序端的总体健康状况。可以采集性能加载、JS稳定性、API请求、访问流量以及自定义上报等数据,帮助用户全面掌握前端应用的运行情况。 前端监控仅支持按需计费,详细介绍参见计费说明。 父主题: 前端监控
0的计费模式、计费项、欠费等主要计费信息。 约束限制 JAVA探针以及Node.js探针需要计费。支持按需计费以及特惠包两种计费方式。 前端监控需要计费,且仅支持按需计费模式。 JAVA探针以及Node.js探针,如果已知资源使用情况,需了解价格预算和计费方式选择,可前往价格计算器预算价格。