支付宝小程序接入APM

操作步骤

1. 登录APM控制台。
2. 单击左侧，选择“管理与监管> 应用性能管理 APM”，进入APM服务页面。
3. 在左侧导航栏选择“前端监控 > 前端站点”，单击“接入前端站点”，填写相关信息。
   • “创建前端站点”成功后，appId会自动生成。
   • 站点名称填写前，“创建前端站点”按钮置灰。
   • 前端站点创建成功后，在“前端监控 > 前端站点”操作列单击“编辑”，可以查看SDK拓展配置项参数对应的参数。
   • 前端监控数据通过自动生成的appId上报，没有经过有效鉴权，可能产生脏数据。
   • 小程序 SDK接入相关操作，参见SDK参考。
   • 支付宝小程序接入。
     1. 选择“支付宝小程序”。
     2. 在下拉列表中选择“所属应用”为“APM（默认）”，填写“站点名称”为：test001，用于区分前端站点。
     3. 单击“创建前端站点”，完成操作。

4. 业务埋码探针。
   

   • 请将上报地址“https://apm-web.cn-north-4.myhuaweicloud.com”添加“服务器域名白名单”注册为合法域名。
   • 获取“服务器域名”路径方法如下：
     1. 登录支付宝开发平台。
     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'
      });

5. 在左侧导航栏选择“前端监控 >前端站点”，在搜索栏中输入“test001”。