OTEL setup for web-app

src/backend/services/web-app/next.config.js

@@ -1,5 +1,8 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  experimental: {
+    instrumentationHook: true
+  },
   output: 'standalone',
   logging: {
     fetches: {

src/backend/services/web-app/package.json

@@ -16,9 +16,11 @@
     "@heroicons/react": "^2.0.18",
     "@opentelemetry/api": "^1.7.0",
     "@opentelemetry/exporter-trace-otlp-http": "^0.48.0",
+    "@opentelemetry/instrumentation-http": "^0.52.1",
+    "@opentelemetry/resources": "^1.25.1",
     "@opentelemetry/sdk-node": "^0.48.0",
-    "@opentelemetry/sdk-trace-node": "^1.21.0",
-    "@opentelemetry/semantic-conventions": "^1.21.0",
+    "@opentelemetry/sdk-trace-node": "^1.25.1",
+    "@opentelemetry/semantic-conventions": "^1.25.1",
     "next": "14.2.4",
     "next-auth": "^4.24.5",
     "next-themes": "^0.2.1",

src/backend/services/web-app/src/instrumentation.node.ts

@@ -0,0 +1,31 @@
+import { NodeSDK } from '@opentelemetry/sdk-node';
+// import { ConsoleSpanExporter } from '@opentelemetry/sdk-trace-node';
+import {
+    PeriodicExportingMetricReader,
+    ConsoleMetricExporter,
+} from '@opentelemetry/sdk-metrics';
+import { Resource } from '@opentelemetry/resources';
+import { SemanticResourceAttributes } from '@opentelemetry/semantic-conventions';
+import { OTLPTraceExporter } from '@opentelemetry/exporter-trace-otlp-http';
+
+import { diag, DiagConsoleLogger, DiagLogLevel } from '@opentelemetry/api';
+import { HttpInstrumentation } from '@opentelemetry/instrumentation-http';
+diag.setLogger(new DiagConsoleLogger(), DiagLogLevel.DEBUG);
+
+const sdk = new NodeSDK({
+    instrumentations: [
+        new HttpInstrumentation(),
+    ],
+    resource: new Resource({
+        [SemanticResourceAttributes.SERVICE_NAME]: 'web-app',
+        [SemanticResourceAttributes.SERVICE_VERSION]: '1.0',
+    }),
+    traceExporter: new OTLPTraceExporter({
+        url: 'http://otel-collector:4318/v1/traces',
+    }),
+    metricReader: new PeriodicExportingMetricReader({
+        exporter: new ConsoleMetricExporter(),
+    }),
+});
+
+sdk.start();

src/backend/services/web-app/src/instrumentation.ts

@@ -1,27 +1,5 @@
-import { NodeSDK } from '@opentelemetry/sdk-node';
-// import { ConsoleSpanExporter } from '@opentelemetry/sdk-trace-node';
-import {
-    PeriodicExportingMetricReader,
-    ConsoleMetricExporter,
-} from '@opentelemetry/sdk-metrics';
-import { Resource } from '@opentelemetry/resources';
-import { SemanticResourceAttributes } from '@opentelemetry/semantic-conventions';
-import { OTLPTraceExporter } from '@opentelemetry/exporter-trace-otlp-http';
-
-// import { diag, DiagConsoleLogger, DiagLogLevel } from '@opentelemetry/api';
-// diag.setLogger(new DiagConsoleLogger(), DiagLogLevel.DEBUG);
-
-const sdk = new NodeSDK({
-    resource: new Resource({
-        [SemanticResourceAttributes.SERVICE_NAME]: 'web-app',
-        [SemanticResourceAttributes.SERVICE_VERSION]: '1.0',
-    }),
-    traceExporter: new OTLPTraceExporter({
-        url: 'http://localhost:4318/v1/traces',
-    }),
-    metricReader: new PeriodicExportingMetricReader({
-        exporter: new ConsoleMetricExporter(),
-    }),
-});
-
-sdk.start();
+export async function register() {
+    if (process.env.NEXT_RUNTIME === 'nodejs') {
+        await import('./instrumentation.node.ts')
+    }
+}

src/backend/services/web-app/tsconfig.json

@@ -13,6 +13,7 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "incremental": true,
+    "allowImportingTsExtensions": true,
     "plugins": [
       {
         "name": "next"