tencent cloud

前端性能监控

产品简介
产品概述
产品功能
应用场景
购买指南
计费概述
购买方式
欠费说明
快速入门
操作指南
应用接入
数据总览
页面性能
性能数据分析
异常分析
页面访问
API 监控
静态资源
自定义测速
自定义事件
应用管理
访问管理
告警策略
接入指南
Web 应用场景
小程序场景
API 文档
History
Introduction
API Category
Making API Requests
Console APIs
Business System and Project Information APIs
Custom Speed Test APIs
Custom Event APIs
API Monitoring APIs
Exception Analysis APIs
Page View APIs
Static Resource Monitoring APIs
Log APIs
Page Performance APIs
Data Types
Error Codes
常见问题
产品相关问题
技术排查相关问题
使用相关问题
服务协议
RUM 隐私协议
RUM 数据处理和安全协议
前端性能监控服务协议
终端性能监控隐私协议
终端性能监控数据处理和安全协议
文档前端性能监控接入指南Web 应用场景安装和初始化

安装和初始化

PDF
聚焦模式
字号
最后更新时间： 2024-01-22 19:39:30
支持 CDN 和 NPM 两种方式安装 SDK 。

以 CDN 方式安装并初始化 SDK

1. 在 HTML 页面的<head></head>标签中引入下列代码。
<script src="https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js"></script>
该 cdn 使用 “h3-Q050” 协议，默认 cache-control 为 max-age=666，如果需要修改 cache-control，可以添加参数 max_age，例如
<script src="https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js?max_age=3600"></script>
2. 参见下列步骤新建一个 Aegis 实例，传入相应的配置，初始化 SDK 。
const aegis = new Aegis({
    id: 'pGUVFTCZyewhxxxxxx', // 应用ID，即上报ID
    uin: 'xxx', // 用户唯一 ID（可选）
    reportApiSpeed: true, // 接口测速
    reportAssetSpeed: true, // 静态资源测速
    spa: true // spa 应用页面跳转的时候开启 pv 计算
});

以 NPM 方式安装并初始化 SDK

1. 执行下列命令，在 npm 仓库安装 aegis-web-sdk。
$ npm install --save aegis-web-sdk
2. 参考下列步骤新建一个 Aegis 实例，传入相应的配置，初始化 SDK 。
import Aegis from 'aegis-web-sdk';

const aegis = new Aegis({
    id: 'pGUVFTCZyewhxxxxxx', // 应用ID，即上报ID
    uin: 'xxx', // 用户唯一 ID（可选）
    reportApiSpeed: true, // 接口测速
    reportAssetSpeed: true, // 静态资源测速
    spa: true // spa 应用页面跳转的时候开启 pv 计算
})
说明：
为了不遗漏数据，须尽早进行初始化。当您完成安装并初始化 SDK 之后，可以开始使用前端性能监控提供的以下功能：
错误监控：JS 执行错误、Promise 错误、Ajax 请求异常、资源加载失败、返回码异常、PV 上报、白名单检测等。
测速功能：页面性能测速、接口测速、静态资源测速。
数据统计和分析：可在 数据总览 上进行各个维度的数据分析。
说明：
aegis-sdk 默认使用 https://aegis.qq.com 作为上报域名，您可以通过 hostUrl 参数来控制上报域名。 国内可以选择选择使用 https://tamaegis.com 作为上报域名。 国外新加坡地区可以选择 https://rumt-sg.com 作为上报域名。
上一篇: 查看告警下一篇: 日志上报

帮助和支持

本页内容是否解决了您的问题？

填写满意度调查问卷，共创更好文档体验。

文档反馈