腾讯云可观测平台 安装和初始化

这篇说说腾讯云前端性能监控 SDK 的安装与初始化,支持 CDN 和 NPM 两种方式,需在页面中引入脚本并创建 Aegis 实例,配置应用 ID 等参数,初始化后即可使用错误监控、测速及数据统计功能。 CDN 方式:在 HTML 中引入脚本并新建 Aegis 实例,支持自定义 cache-control 和上报域名。 NPM 方式:通过 npm 安装 aegis-web-sdk 后导入并初始化,配置项与 CDN 方。

相关产品
腾讯云可观测平台 产品页,含版本规格、价格与购买入口。

支持 CDN 和 NPM 两种方式安装并初始化 SDK 。

一、方式1:以 CDN 方式安装并初始化 SDK

1. 在 HTML 页面的<head></head>标签中引入下列代码。

<script src="https://tam.cdn-go.cn/aegis-sdk/latest/aegis.min.js"></script>

该 cdn 使用 “h3-Q050” 协议,默认 cache-control 为 max-age=666,如果需要修改 cache-control,可以添加参数 max_age,例如:

<script src="https://tam.cdn-go.cn/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, // 静态资源测速 hostUrl: 'https://rumt-zh.com', // 上报域名,中国大陆 rumt-zh.com spa: true // spa 应用页面跳转的时候开启 pv 计算});

二、方式2:以 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, // 静态资源测速 hostUrl: 'https://rumt-zh.com', // 上报域名,中国大陆 rumt-zh.com spa: true // spa 应用页面跳转的时候开启 pv 计算})

注意:说明:

赞 (0)
上一篇 5天前
下一篇 5天前