js 实现鹰眼树型调用链

npm install @opentelemetry/api @opentelemetry/sdk-trace-base @opentelemetry/sdk-trace-web @opentelemetry/auto-instrumentations-web

import { context, setSpan } from '@opentelemetry/api';
import { HttpTraceContext } from '@opentelemetry/core';
import { WebTracerProvider } from '@opentelemetry/sdk-trace-web';
import { SimpleSpanProcessor } from '@opentelemetry/sdk-trace-base';
import { registerInstrumentations } from '@opentelemetry/instrumentations';

// 创建追踪提供者
const provider = new WebTracerProvider({
  // 配置采样器，这里使用全量采样
  sampler: {
    type: 'traceidratio',
    arg: 1.0,
  },
});

// 注册自动检测工具
registerInstrumentations();

// 添加处理器，将追踪数据导出（这里可以使用 ConsoleSpanExporter 进行调试）
provider.addSpanProcessor(new SimpleSpanProcessor(new ConsoleSpanExporter()));

// 注册提供者
provider.register();

import { trace } from '@opentelemetry/api';

// 创建一个根 Span
const rootSpan = trace.getTracer('example-tracer').startSpan('root-operation');

// 在上下文中执行子操作
context.with(trace.setSpan(context.active(), rootSpan), () => {
  // 子 Span 1
  const childSpan1 = trace.getTracer('example-tracer').startSpan('child-operation-1');
  // 模拟一些工作
  setTimeout(() => {
    childSpan1.end();
  }, 100);

  // 子 Span 2
  const childSpan2 = trace.getTracer('example-tracer').startSpan('child-operation-2');
  // 模拟一些工作
  setTimeout(() => {
    childSpan2.end();
  }, 50);
});

// 结束根 Span
rootSpan.end();

root-operation
├─ child-operation-1
└─ child-operation-2