支持 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 计算})
注意:说明: