# 管理已接入前端站点
#### 查看前端站点
1. 登录[APM控制台](https://auth.huaweicloud.com/authui/login.html?service=https://console.huaweicloud.com/console/#/login)。
2. 单击左侧![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518175858.png)，选择"管理与监管\> 应用性能管理 APM"，进入APM服务页面。
3. 在左侧导航栏选择"前端监控 \> 前端站点"，展示所有已经接入前端站点的列表。 
   图1查看前端站点   
   ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549815911.png "点击放大")
   表1前端站点参数说明 
   | 参数名称   | 说明                                                                                          |
   |:---|:---|
   | 前端站点   | 前端站点名称。                                                                                     |
   | 所属应用   | 前端站点所属应用。                                                                                   |
   | 活跃用户数  | 访问站点用户的数量。同一个用户在一天内访问多次，只会被统计为一个UV。                                                         |
   | 页面浏览量  | 页面浏览量（Page View），用户每次打开或刷新一个页面计为一次PV。                                                       |
   | 平均加载时间 | 页面加载的平均时间。 仅Web/H5支持展示"平均加载时间"值。其他小程序不支持，"平均加载时间"的值统一展示为"0"。 |
   | JS错误率  | JS错误率=运行JavaScript触发的错误总数/运行JavaScript的总数。                                                  |
   | API成功率 | API成功率=API成功数量/API总数量。                                                                      |
   | 采集状态   | 前端站点的采集状态，包括："运行中"以及"被停止"。                                                                  |
   | 操作     | 前端站点更多操作。具体操作参见[表7]。                                        |
      
   
   
4. 在前端站点页面的右上角，单击时间维度选择按钮，默认"近20分钟"。 
   当前支持"近3分钟"、"近5分钟"、"近10分钟"、"近20分钟"、"近1小时"、"近3小时"、"近6小时"、"近1天"、"今天"、"昨天"、"近7天"、"近30天"以及自定义。
   在列表左上的搜索框中输入前端站点名称，单击![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518176172.png)，仅展示该名称前端站的信息。
   单击列表右上的![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549815935.png)导出列表项，可以导出当前页的列表信息，最大支持导出200条。
   
   
 
#### 查看用量统计
为了方便用户查看前端监控上报数量，APM支持查看"用量统计"功能。
1. 在左侧导航栏选择"前端监控 \> 前端站点"，单击"用量统计"，查看某站点的用量相关信息。 
   图2查看用量统计   
   ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549695923.png "点击放大")
   默认展示全部站点的上报总数量、PV上报数量、API上报数量、自定义日志上报数量的趋势图，以及各站点的用量总览。
   图3用量统计各指标趋势图   
   ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549815913.png "点击放大")
   图4用量统计-各站点用量总览   
   ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518176142.png "点击放大")
   表2用量统计参数列表 
   | 参数名称           | 说明                                    |
   |:---|:---|
   | 上报总数量（总计）      | 上报总数量= PV上报数量+ API上报数量/10 + 自定义日志上报数量 |
   | PV上报数量（PV）     | PV上报的数量。                              |
   | API上报数量（API）   | API上报的数量。                             |
   | 自定义日志上报数量（自定义） | 自定义日志上报的数量。                           |
      
   - 在用量统计页面的右上角，单击时间维度选择按钮，默认"今天"。当前支持"今天"、"昨天"以及自定义。
   
   - 单击"PV"、"API"、"自定义"以及"总计"右侧的![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518176144.png)，支持按照用量的大小排序。
   
   
   
   
2. 单击"站点"下拉菜单，选择站点名称，展示某个站点的用量统计信息。
 
#### 接入前端站点
1. 在左侧导航栏选择"前端监控 \> 前端站点"，单击"接入前端站点"，填写相关信息。 
   - "创建前端站点"成功后，appId会自动生成。
   
   - 站点名称填写前，"创建前端站点"按钮置灰。
   
   - 前端站点创建成功后，在"前端监控 \> 前端站点"操作列单击"编辑"，可以查看SDK拓展配置项参数对应的参数。
   
   - 前端监控数据通过自动生成的appId上报，没有经过有效鉴权，可能产生脏数据。
   
   - 小程序 SDK接入相关操作，参见[SDK参考](https://support.huaweicloud.com/usermanual-apm2/apm_07_0164.html)。
   
   
   
   - Web\&H5接入。
     1. 选择"Web\&H5"。
     
     2. 在下拉列表中选择"所属应用"，填写"站点名称"用于区分前端站点。
     
     3. 单击"创建前端站点"，完成操作。
      
   
   - 微信小程序接入。
     1. 选择"微信小程序"。
     
     2. 在下拉列表中选择"所属应用"，填写"站点名称"用于区分前端站点。
     
     3. 单击"创建前端站点"，完成操作
      
   
   - 百度小程序接入。
     1. 选择"百度小程序"。
     
     2. 在下拉列表中选择"所属应用"，填写"站点名称"用于区分前端站点。
     
     3. 单击"创建前端站点"，完成操作。
      
   
   - 支付宝小程序接入
     1. 选择"支付宝小程序"。
     
     2. 在下拉列表中选择"所属应用"，填写"站点名称"用于区分前端站点。
     
     3. 单击"创建前端站点"，完成操作
      
   
   - 钉钉小程序接入。
     1. 选择"钉钉小程序"。
     
     2. 在下拉列表中选择"所属应用"，填写"站点名称"用于区分前端站点。
     
     3. 单击"创建前端站点"，完成操作
      
   
   
   
   
2. 业务埋码探针。 
   - Web\&H5
     复制下方代码，将其粘贴在Index.html的\<body\>中。注意，需要将代码粘贴在\<body\>内容的第一行。
     - 固定版本接入
       ```
       <script>
           !function(x, n) {
             window[n] = window[n] || {};
             window[n].config = { domain: "https://rum.rnd.*****.com",appId: "",apiRepo: true,thirdApi: true,hashMode: true,JsErrClean: true,smartJsErr: true,webResource: true,traceType: "apm"};
           var o = document.createElement('script');
           o.src = x, o.async = !0;
           var d = document.body.firstChild;
           document.body.insertBefore(o, d);
         }('https://test-static-resource.obs.*****.ulanqab.****.com/js-agent/jsagent.min.js', '__fr');
       </script>
       ```
       
     
     - 最新版本接入
       ```
       <script>
           !function(x, n) {
             window[n] = window[n] || {};
             window[n].config = { domain: "https://rum.rnd.****.com",appId: "",apiRepo: true,thirdApi: true,hashMode: true,JsErrClean: true,smartJsErr: true,webResource: true,traceType: "apm"};
           var o = document.createElement('script');
           o.src = x, o.async = !0;
           var d = document.body.firstChild;
           document.body.insertBefore(o, d);
         }('https://test-static-resource.obs.****.ulanqab.****.com/js-agent/jsagent.min.js', '__fr');
       </script>
       ```
       
       
   
   - 微信小程序
     ![](https://support.huaweicloud.com/usermanual-apm2/public_sys-resources/note_3.0-zh-cn.png)
     1. 请将上报地址"https://apm-web.cn-north-4.myhuaweicloud.com"添加到服务器域名注册为合法域名。
     
     2. 获取"服务器域名"路径方法如下：
        1. 登录[微信小程序后台](https://mp.weixin.qq.com/wxamp/devprofile/get_profile)。
        
        2. 单击"开发-\>开发设置-\>服务器域名"。
         
      
     在微信小程序添加探针步骤如下。
     1. 安装SDK，在终端中运行以下命令。
        ```
        npm i apm-mini-sdk
        ```
        单击开发者工具菜单栏中的"工具\>构建npm"，构建当前工程的npm库文件。在"miniprogram_npm"文件夹中查看有"apm-mini-sdk"文件夹表示引入成功。
        
     
     2. 将以下代码放入app.js头部。
        ```
        import apmAgent from 'apm-mini-sdk';
        apmAgent.startSDK({
          domain: "https://rum.rnd.****.com",appId: "",apiRepo: true,thirdApi: true,hashMode: true,JsErrClean: true,smartJsErr: true,webResource: true,traceType: "apm"
          platform: 'wx'
        });
        ```
        
      
   
   - 百度小程序
     ![](https://support.huaweicloud.com/usermanual-apm2/public_sys-resources/note_3.0-zh-cn.png)
     - 请将上报地址"https://apm-web.cn-north-4.myhuaweicloud.com"添加"开发设置"注册为合法域名。
     
     - 获取"服务器域名"路径方法如下：
       1. 登录[百度智能小程序后台](https://smartprogram.baidu.com/developer/home/setting.html?appId=17767960&tab=dev-setting#bussiness&tabCur=basic)。
       
       2. 单击"管理 -\> 基础设置 -\> 开发设置"。
        
      
     在百度小程序添加探针步骤如下。
     1. 安装SDK，在终端中运行以下命令。
        ```
        npm i apm-mini-sdk
        ```
        
     
     2. 将以下代码放入app.js头部。
        ```
        import apmAgent from 'apm-mini-sdk';
        apmAgent.startSDK({
          domain: "https://rum.rnd.****.com",appId: "cb868c9076de4324a22c6496ab55aadf",apiRepo: true,thirdApi: true,hashMode: true,JsErrClean: true,smartJsErr: true,webResource: true,traceType: "apm",
          platform: 'baidu'
        });
        ```
        
      
   
   - 支付宝小程序
     ![](https://support.huaweicloud.com/usermanual-apm2/public_sys-resources/note_3.0-zh-cn.png)
     - 请将上报地址"https://apm-web.cn-north-4.myhuaweicloud.com"添加"服务器域名白名单"注册为合法域名。
     
     - 获取"服务器域名"路径方法如下：
       1. 登录[支付宝开发平台](https://openhome.alipay.com/develop/mini/sub/dev-setting)。
       
       2. 单击"小程序详情 -\> 开发设置 -\> 服务器域名白名单"。
        
      
     在支付宝小程序添加探针步骤如下。
     1. 安装SDK，在终端中运行以下命令。
        ```
        npm i apm-mini-sdk
        ```
        
     
     2. 将以下代码放入app.js头部。
        ```
        import apmAgent from 'apm-mini-sdk';
        apmAgent.startSDK({
          domain: "https://rum.rnd.***.com",appId: "cb868c9076de4324a22c6496ab55aadf",apiRepo: true,thirdApi: true,hashMode: true,JsErrClean: true,smartJsErr: true,webResource: true,traceType: "apm",
          platform: 'alipay'
        });
        ```
        
      
   
   - 钉钉小程序
     ![](https://support.huaweicloud.com/usermanual-apm2/public_sys-resources/note_3.0-zh-cn.png)
     - 请将上报地址"https://apm-web.cn-north-4.myhuaweicloud.com"添加"安全中心"注册为合法域名。
     
     - 获取"服务器域名"路径方法如下：
       1. 登录[钉钉开发者后台](https://open-dev.dingtalk.com/#/)。
       
       2. 单击"开发者后台 -\> 应用详情页 -\> 安全与监控 -\> 安全中心"。
        
      
     在钉钉小程序添加探针步骤如下。
     1. 安装SDK，在终端中运行以下命令。
        ```
        npm i apm-mini-sdk
        ```
        
     
     2. 将以下代码放入app.js头部。
        ```
        import apmAgent from 'apm-mini-sdk';
        apmAgent.startSDK({
          domain: "https://rum.rnd.****.com",appId: "cb868c9076de4324a22c6496ab55aadf",apiRepo: true,thirdApi: true,hashMode: true,JsErrClean: true,smartJsErr: true,webResource: true,traceType: "apm",
          platform: 'ding_talk'
        });
        ```
        
      
   
   
   
   
 
 #### 配置告警策略
1. 在左侧导航栏选择"前端监控 \> 前端站点"，在"操作"列单击"查看告警策略"，查看当前站点的告警策略列表。 
   图5告警策略列表   
   ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518336056.png "点击放大")
   表3告警策略列表参数说明 
   | 参数名称 | 说明                                                                                                                                                                                                                                                                                                       |
   |:---|:---|
   | 策略名称 | 当前站点的策略名称。                                                                                                                                                                                                                                                                                               |
   | 监控类型 | 选择需要监控的"监控类型"。 - 监控类型分为：Api采集、Js错误采集、页面性能采集、流量（PV/UV）采集。被选中类型的信息，会显示在右侧。                                                                                                     |
   | 告警级别 | 定义告警等级，分为"轻微"、"严重"。                                                                                                                                                                                                                                                                                      |
   | 监控对象 | 需要监控的前端站点。                                                                                                                                                                                                                                                                                               |
   | 告警规则 | 发出告警的规则。                                                                                                                                                                                                                                                                                                 |
   | 更新时间 | 告警策略最后一次的变更时间。                                                                                                                                                                                                                                                                                           |
   | 状态   | 告警策略当前的状态。包括：运行中、被停止。                                                                                                                                                                                                                                                                                    |
   | 操作   | - 编辑：单击"编辑"跳转到"编辑告警策略"页面，可对告警策略重新编辑。  - 停用\\启用：停用\\启用当前告警策略。  - 删除：删除当前告警策略。   |
      
   支持按照策略名称搜索告警策略。
   1. 在搜索框中输入策略名称。
   
   2. 单击![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549815919.png)，则展示该策略的相关信息。
      图6搜索告警策略   
      ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518336074.png "点击放大") 
   
   
   
   
2. 单击"新建告警策略"，切换至新建告警策略页签。 
   1. 基础信息
      图7基础信息   
      ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549815915.png "点击放大")
      表4基础信息参数列表 
      | 选项   | 含义                                                                                                                                                                                                                                                                                               |
      |:---|:---|
      | 策略名称 | 自定义的名称，不能为空。 只能输入字母，数字，下划线，短横线，汉字。输入长度不能超过512个字符。                                                                                                                                                                                                                   |
      | 告警等级 | 定义告警等级，分为"轻微"、"严重"。                                                                                                                                                                                                                                                                              |
      | 监控对象 | 需要监控的前端站点。                                                                                                                                                                                                                                                                                       |
      | 监控类型 | 选择需要监控的"监控类型"。 - 监控类型分为：Api采集、Js错误采集、页面性能采集、流量（PV/UV）采集。被选中类型的信息，会显示在右侧。   ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518176170.png "点击放大") |
      | 指标集  | 选择需要监控的"指标集"。被选中指标集信息，会显示在右侧。 ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549815925.png "点击放大")                                                                                                                                         |
         
      
   
   2. 告警规则
      图8告警规则   
      ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549695929.png "点击放大")
      表5告警规则参数列表 
      | 选项    | 含义                                                                                                                                               |
      |:---|:---|
      | 维度    | 可选。对于不同指标集细粒度的定义。                                                                                                                                |
      | 指标    | 对于指标集中某一个指标定义一个或多个告警规则。                                                                                                                          |
      | 告警条件  | 定义告警的触发条件。 A 范围为数字1-10。 B 范围为数字1-10，且不能大于A。 C 不能小于数字10。 |
      | 恢复策略  | 定义告警的恢复条件。                                                                                                                                       |
      | 恢复时通知 | 告警恢复时是否触发额外的通知。                                                                                                                                  |
      | 严格模式  | 当指标有多个对象返回值时，通过此选项可对返回的所有指标做告警表达式异常检测。                                                                                                           |
         
      
   
   3. 告警通知
   
   
   图9告警通知   
   ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549815923.png "点击放大")
   表6告警通知参数列表 
   | 选项     | 含义                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
   |:---|:---|
   | 告警通知内容 | 用户收到的告警详细内容，输入长度不能超过500个字符。 - 当告警规则中的"严格模式"开关打开时，告警通知内容包括"变量"和"循环"两种格式。"严格模式"开关关闭时，仅可以选择"变量"一种格式。  - 告警通知内容，可以自定义或选择采集的指标内容。  - 选择采集的指标内容："基础信息"右侧，单击指标名称前![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549695905.png)，将指标内容引用到告警通知内容框。   ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549815917.png "点击放大") |
   | 选择通知对象 | 在下拉列表中，选择通知对象。告警会发送告警通知给被选的通知对象。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
      
   
   
3. 信息填写完整后，单击"确定"完成告警策略配置。
 
#### 更多操作
您可以执行[表7]中的操作。
 表7相关操作 
| 操作      | 说明                                                                        |
|:---|:---|
| 启、停前端站点 | 在操作列选择"停用"停用前端站点；选择"启用"启动前端站点。                                            |
| 查看告警策略  | 在操作列选择"查看告警策略"，可查看告警策略，相关操作参见[配置告警策略]。 |
| 设置前端站点  | 在操作列选择"编辑"，可对前端站点重新编辑。                                                    |
| 删除前端站点  | 在操作列选择"删除"，可删除所选前端站点。                                                     |