# 将APM前端界面内嵌到客户自建系统
#### 背景信息
APM支持将界面嵌入到客户自建系统。通过IAM服务的联邦代理机制实现用户自定义身份代理，再将登录链接嵌入至客户自建系统实现无需在华为云官网登录，即可在自建系统界面查看。
#### 前提条件
用户自定义创建身份代理并创建登录地址FederationProxyUrl，详细可参考IAM服务的文档"[创建自定义身份代理](https://support.huaweicloud.com/usermanual-iam/iam_08_1003.html)"。
#### 操作步骤
用户创建自定义身份代理成功后，您需要执行如下步骤，实现页面的内嵌。
1. 将FederationProxyUrl中的console_service_url修改为云服务console地址。 
   console_service_url示例：
   
   | 对应业务模块      | 示例url                                                                                                                                                         |
   |:---|:---|
   | 应用监控-指标     | https://console.huaweicloud.com/apm2/?region={regionId}\&cfModuleHide=header_sidebar_floatlayer#/console/appindex/business/detail?leftMenuCollapsed=true      |
   | 应用监控-调用链    | https://console.huaweicloud.com/apm2/?region={regionId}\&cfModuleHide=header_sidebar_floatlayer#/console/appchain?leftMenuCollapsed=true                      |
   | 链路追踪-指标     | https://console.huaweicloud.com/apm2/?region={regionId}\&cfModuleHide=header_sidebar_floatlayer#/console/trace/metric/environment/view?leftMenuCollapsed=true |
   | 链路追踪-调用链    | https://console.huaweicloud.com/apm2/?region={regionId}\&cfModuleHide=header_sidebar_floatlayer#/console/trace/chain?leftMenuCollapsed=true                   |
   | 前端监控-前端站点   | https://console.huaweicloud.com/apm2/?region={regionId}\&cfModuleHide=header_sidebar_floatlayer#/console/rum/app?leftMenuCollapsed=true                       |
   | App监控-App列表 | https://console.huaweicloud.com/apm2/?region={regionId}\&cfModuleHide=header_sidebar_floatlayer#/console/mobile/list?leftMenuCollapsed=true                   |
      
   
   | 参数名称              | 说明                                                   |
   |:---|:---|
   | regionId          | 表示当前您所在的区域，可在华为云官网登录云服务后在浏览器的地址栏中获取。例如cn-north-4。    |
   | cfModuleHide      | 值header_sidebar_floatlayer，表示隐藏华为云console页面页头页脚和菜单栏。 |
   | leftMenuCollapsed | true表示隐藏左侧菜单，false表示不隐藏左侧菜单。                         |
      
   
   
2. 使用iframe将APM页面嵌入用户系统，示例代码如下： 
   ```
   <iframe src="${FederationProxyUrl}" ref="Frame" scrolling="auto" width="100%" height="100%"</iframe>
   ```