如何解决测试从 Web 应用程序到 api 的 opentelemetry
我有一个网络应用程序APPA,它调用一个网络服务master,后者调用另一个网络服务slave。为了对这些痕迹进行关联,我正在使用 opentelemetry。当master调用slave时,我可以在Jaeger中看到痕迹,但是当web应用调用master时,我看到只有web应用被调用并且没有任何痕迹与网络服务相关,我可以分别看到来自 2 个相关网络服务的痕迹:
但是当我创建 Web 应用程序时,我只能看到来自 Web 应用程序的痕迹,而不是所有 3 个组件:
这是我在 Web 应用程序中所做的:
import { context,getSpan,setSpan } from '@opentelemetry/api';
import { ConsoleSpanExporter,SimpleSpanProcessor } from '@opentelemetry/tracing';
import { CollectorTraceExporter } from '@opentelemetry/exporter-collector';
import { WebTracerProvider } from '@opentelemetry/web';
import { FetchInstrumentation } from '@opentelemetry/instrumentation-fetch';
import { ZoneContextManager } from '@opentelemetry/context-zone';
import { B3Propagator } from '@opentelemetry/propagator-b3';
import { registerInstrumentations } from '@opentelemetry/instrumentation';
const provider = new WebTracerProvider();
registerInstrumentations({
instrumentations: [
new FetchInstrumentation({
ignoreUrls: [/localhost:8090\/sockjs-node/],propagateTraceHeaderCorsUrls: [
'https://cors-test.appspot.com/test','https://httpbin.org/get',],clearTimingResources: true
}),tracerProvider: provider,});
provider.addSpanProcessor(new SimpleSpanProcessor(new ConsoleSpanExporter()));
provider.addSpanProcessor(new SimpleSpanProcessor(new CollectorTraceExporter({
serviceName: 'nodejs-opentelemetry-web-fetch',url: 'http://localhost:55681/v1/traces'
})));
provider.register({
contextManager: new ZoneContextManager(),propagator: new B3Propagator(),});
const webTracerWithZone = provider.getTracer('example-tracer-web');
const getData = (url) => fetch(url,{
method: 'GET',headers: {
'Accept': 'application/json','Content-Type': 'application/json',},});
// example of keeping track of context between async operations
const prepareClickEvent = () => {
const url = 'http://localhost:3000';
const element = document.getElementById('button1');
const onClick = () => {
const singleSpan = webTracerWithZone.startSpan(`files-series-info`);
context.with(setSpan(context.active(),singleSpan),() => {
getData(url).then((_data) => {
getSpan(context.active()).addEvent('fetching-single-span-completed');
singleSpan.end();
});
});
for (let i = 0,j = 5; i < j; i += 1) {
const span = webTracerWithZone.startSpan(`files-series-info-${i}`);
context.with(setSpan(context.active(),span),() => {
getData(url).then((_data) => {
getSpan(context.active()).addEvent(`fetching-span-${i}-completed`);
span.end();
});
});
}
};
element.addEventListener('click',onClick);
};
window.addEventListener('load',prepareClickEvent);
我在关联所有 3 个组件时做错了什么?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。