Distributed tracingedit

Distributed tracing enables you to analyze performance throughout your microservices architecture all in one view. This is accomplished by tracing all of the requests — from the initial web request to your front-end service — to queries made to your back-end services. This makes finding possible bottlenecks throughout your application much easier and faster.

Elastic APM automatically supports distributed tracing, but there are some cases, outlined below, where additional setup is necessary.

Real User Monitoring (RUM) correlationedit

If your backend service generates an HTML page dynamically, the trace ID and parent span ID must be injected into the page when the RUM Agent is initialized. This ensures that the web browser’s page load appears as the root of the trace, and allows you to analyze the time spent in the browser vs in backend services.

To enable the JavaScript RUM agent, add a snippet similar to this to the body of your HTML page, preferably before other JavaScript libraries:

elasticApm.init({
  serviceName: 'my-frontend-app', // Name of your frontend app
  serverUrl: 'https://example.com:8200', // APM Server host
  pageLoadTraceId: '${transaction.traceId}',
  pageLoadSpanId: '${transaction.ensureParentId()}',
  pageLoadSampled: ${transaction.sampled}
})

For more information, see transaction.ensureParentId().

Custom protocolsedit

Distributed tracing is automatically supported with HTTP/HTTPS. If you’re using another protocol, like TCP, UDP, WebSocket, or Protocol Buffers, there are a few manual setup steps you must follow.

In a distributed trace, multiple transactions are linked together with a traceparent. To create your own distributed trace, you must pass the current traceparent from an outgoing service, to a receiving service, and create a new transaction as a child of that traceparent:

Exampleedit

Consider a scenario where you’re using raw UDP to communicate between two services, A and B:

Service A

Service A starts a transaction, and gets the current traceparent.

agent.startTransaction('my-service-a-transaction')
const traceparent = agent.currentTraceparent

Service A then sends the traceparent as a "header" to service B.

// Pseudocode for sending data
sendMetadata(`traceparent: ${traceparent}\n`)

Service B

Service B reads the traceparent from the incoming request.

// Pseudocode for reading incoming request
const traceparent = readTraceparentFromUDPPacket()

Service B uses the traceparent to initialize a new transaction that is a child of the original traceparent.

agent.startTransaction('my-service-b-transaction', { childOf: traceparent })