本文将为您介绍如何快速使用前端性能监控。
步骤1：创建业务系统
1. 登录 前端性能监控控制台。
2. 在左侧菜单栏选择应用管理 > 业务系统。
3. 在业务系统管理页单击创建业务系统，在弹框中填写业务名称并勾选相关协议即可。
步骤2：接入应用
1. 登录 前端性能监控控制台。
2. 在左侧菜单栏中选择数据总览。
3. 在数据总览页单击应用接入，根据下列表格配置应用信息。
配置项 | 说明 |
应用名称 | 自定义应用名称，方便您在前端监控平台辨识该应用。 |
应用描述 | 填写应用描述，如应用用途、应用简介等，方便用户了解该应用。 |
应用类型 | 支持 Web 、小程序（微信、QQ、支付宝、抖音）、Hippy、Weex、React Native、Flutter、Cocos 应用类型接入。 |
应用代码仓库地址（可选） | 填写您的应用仓库地址，可不填写。 |
数据上报域名 | 填 * 表示不对上报域名进行校验（默认 * ）。 注意： 非 Web 类应用（如小程序、App 等）目前仅支持使用默认值 *，不可修改。 Web 应用支持自定义域名校验，配置规则如下： 精确匹配：需填写应用实际运行的域名。您可以在浏览器开发者工具的控制台（console）中输入 location.host 获取该值，格式示例：www.example.com 或 test.com:8080，无需包含 http:// 等协议头。 通配符匹配：如 *.aa.com 可匹配任意 aa.com 的子域名。 正则匹配：支持正则表达式，需以 / 开头和结尾，如 /.*/。 |
所属业务系统 | 该功能用于分类管理您接入的应用，您可以根据研发团队、业务逻辑、应用类别等进行应用分类管理。若您没有可用团队，您可以单击右侧的创建链接，填写完信息后，单击购买即创建成功。 |
4. 配置完成后单击下一步，进入应用接入流程。
应用接入
根据选择的应用类型，选择合适的方式安装 SDK 。
npm
npm 接入方式适用于除 Flutter 外的所有应用类型。以下内容以 Web 应用为例说明如何通过 npm 方式接入 SDK。
1. 在接入指引页面中复制提供的首行命令，引入 npm 包。
2. 在接入指引页面中复制提供的代码以初始化 SDK。
<script> 标签引入
<script> 标签引入方式仅支持 Web 的应用类型。
1. 在接入指引页面复制提供的
<script> 标签 代码。2. 把<script> 标签引入类型下的代码引入到
<head></head> 标签中即可。
pub
pub 接入方式适用于 Flutter 的应用类型。
1. 在项目的 pubspec.yaml 文件中添加 aegis_flutter_sdk 的依赖。
# 在 pubspec.yaml 中加入# 最新版本可前往 https://pub.dev/packages/aegis_flutter_sdk 查看。此处以0.0.8版本为例进行介绍。dependencies:aegis_flutter_sdk: ^0.0.8
2. 运行
flutter pub get 更新依赖。flutter pub get
3. 在接入指引页面中复制提供的代码初始化 SDK。
说明
