Use the same otelName (OTEL_COLLECTOR_HOST) for both k8s and docker

Author: jordibisbal8

docker-compose.yml

@@ -296,6 +296,7 @@ services:
       - PUBLIC_OTEL_EXPORTER_OTLP_TRACES_ENDPOINT
       - OTEL_EXPORTER_OTLP_METRICS_TEMPORALITY_PREFERENCE
       - WEB_OTEL_SERVICE_NAME=frontend-web
+      - OTEL_COLLECTOR_HOST
     depends_on:
       adservice:
         condition: service_started

kubernetes/opentelemetry-demo.yaml

@@ -9824,6 +9824,8 @@ spec:
             value: http://localhost:8080/otlp-http/v1/traces
           - name: OTEL_RESOURCE_ATTRIBUTES
             value: service.name=$(OTEL_SERVICE_NAME),service.namespace=opentelemetry-demo
+          - name: OTEL_COLLECTOR_HOST
+            value: $(OTEL_COLLECTOR_NAME)
           resources:
             limits:
               memory: 200Mi

src/frontend/pages/_document.tsx

@@ -5,7 +5,7 @@ import Document, { DocumentContext, Html, Head, Main, NextScript } from 'next/do
 import { ServerStyleSheet } from 'styled-components';
 import {context, propagation} from "@opentelemetry/api";
 
-const { ENV_PLATFORM, WEB_OTEL_SERVICE_NAME, PUBLIC_OTEL_EXPORTER_OTLP_TRACES_ENDPOINT, OTEL_COLLECTOR_NAME} = process.env;
+const { ENV_PLATFORM, WEB_OTEL_SERVICE_NAME, PUBLIC_OTEL_EXPORTER_OTLP_TRACES_ENDPOINT, OTEL_COLLECTOR_HOST} = process.env;
 
 export default class MyDocument extends Document<{ envString: string }> {
   static async getInitialProps(ctx: DocumentContext) {
@@ -23,7 +23,7 @@ export default class MyDocument extends Document<{ envString: string }> {
       const isSyntheticRequest = baggage?.getEntry('synthetic_request')?.value === 'true';
 
       const otlpTracesEndpoint = isSyntheticRequest
-          ? `http://${OTEL_COLLECTOR_NAME}:4318/v1/traces`
+          ? `http://${OTEL_COLLECTOR_HOST}:4318/v1/traces`
           : PUBLIC_OTEL_EXPORTER_OTLP_TRACES_ENDPOINT;
 
       const envString = `