Front-to-back tracing

In the browser monitoring module of Alibaba Cloud Application Real-Time Monitoring Service (ARMS), you are unable to accurately know about the network transmission performance and the back-end service traces and performance even if you know the API response time. Therefore, you cannot quickly and accurately troubleshoot application API problems. The front-to-back tracing function can solve such problems. It connects the front end and back end of an API request to make the complete code execution recur.

To obtain the complete front-to-back trace, you must activate ARMS browser monitoring and application monitoring and use them together.

• ARMS browser monitoring

  • SDK configuration

    • Enable automatic API reporting.

    • Enable front-to-back tracing, that is, set enableLinkTrace to true. The configuration is as follows:

      <script>
      !( function(c,b,d,a){c[a]||(c[a]={});c[a].config={pid:"xxx",imgUrl:"https://arms-retcode.aliyuncs.com/r.png?", enableLinkTrace: true};
      with(b)with(body)with(insertBefore(createElement("script"),firstChild))setAttribute("crossorigin","",src=d)
      })(window,document,"https://retcode.alicdn.com/retcode/bl.js","__bl");
      </script>
      								

  • Principle

    • When automatic API reporting is enabled, if the API origin is the same as that of the domain of the current application, the EagleEye-TraceID and EagleEye-SessionID custom headers are added to the API request headers. EagleEye-TraceID is the identifier of the trace that connects the front end and back end.
    • If the API origin is different from that of the domain of the current application, no custom header is added to the API request header to ensure that the application request is sent normally.

    • To check whether the front-to-back tracing configuration takes effect, access the console and check whether the EagleEye-TraceID and EagleEye-SessionID headers are included in the API request header, as shown in the following figure.

      Notice The values of EagleEye-TraceID and EagleEye-SessionID have corresponding meanings. Do not set the values manually.

• ARMS application monitoring

  • For more application monitoring configurations, see Overview.

  • This feature is only supported by ARMS agent 2.4.5 or later.

Use method

In the ARMS browser monitoring module, the Overview, Page, and API Request pages contain the API Link Trace section.

You can perform the following operations in the section:

• Sort the APIs in ascending or descending order by the report time or response time.
• Click Link Trace. On the tab that appears, view the overall response time of the browser monitoring and the call sequence diagram of the back-end application.
• Click View Details. On the details page that appears, view details of the API request.