Embedding APM Pages into a Self-built System

Background

APM pages can be embedded into a self-built system. Specifically, create a custom identity broker through the federation proxy mechanism of Identity and Access Management (IAM) and embed a login link into the customer's self-built system. You can then check APM pages on your system without the need to log in to Huawei Cloud.

Prerequisite

You have created a custom identity broker and created a FederationProxyUrl. For details, see Creating a FederationProxyUrl Using a Token.

Procedure

After creating a custom identity broker, perform the following steps to embed a page:

1. Change the value of console_service_url in FederationProxyUrl to the address of a target service module.

   Example of console_service_url:

   Service Module	Example URL
   Application Monitoring - Metrics	https://console.huaweicloud.com/apm2/?region={regionId}&cfModuleHide=header_sidebar_floatlayer#/console/appindex/business/detail?leftMenuCollapsed=true
   Application Monitoring - Tracing	https://console.huaweicloud.com/apm2/?region={regionId}&cfModuleHide=header_sidebar_floatlayer#/console/appchain?leftMenuCollapsed=true
   Link Trace - Metrics	https://console.huaweicloud.com/apm2/?region={regionId}&cfModuleHide=header_sidebar_floatlayer#/console/trace/metric/environment/view?leftMenuCollapsed=true
   Link Trace - Tracing	https://console.huaweicloud.com/apm2/?region={regionId}&cfModuleHide=header_sidebar_floatlayer#/console/trace/chain?leftMenuCollapsed=true

   Parameter	Description
   regionId	Current region, which can be obtained from the address box of the browser after you log in to a Huawei Cloud service. For example, cn-north-4.
   cfModuleHide	header_sidebar_floatlayer: Hide the header, footer, and menu bar of the Huawei Cloud console.
   leftMenuCollapsed	true: Hide the navigation pane on the left. false: Do not hide the navigation pane on the left.

2. Use inline frames (iframes) to embed an APM page into the self-built system. Example:

   <iframe src="${FederationProxyUrl}" ref="Frame" scrolling="auto" width="100%" height="100%"</iframe>