---
title: Typescript
metaTitle: "TypeScript Distributed Tracing - OpenTelemetry APM"
description: Complete TypeScript distributed tracing guide using OpenTelemetry SDK for TypeScript application performance monitoring and trace instrumentation.
---

# TypeScript Distributed Tracing - OpenTelemetry APM

Setup distributed tracing for your Node.js TypeScript application using OpenTelemetry for TypeScript application performance monitoring (APM) and trace ingestion. Check sample configuration on how to setup OpenTelemetry traces for TypeScript applications.

## Clone 
```

git clone https://github.com/openobserve/sample-tracing-nodejs-typescript

```

If you don't have node.js installed, please install it and then follow below steps.

Open `tracing.ts` file from that repository. and make changes to the highlighted lines below and make changes to the highlighted lines below.
```typescript lineNumbers {13,15}

import  *  as  opentelemetry  from  "@opentelemetry/sdk-node";
import { getNodeAutoInstrumentations } from  "@opentelemetry/auto-instrumentations-node";
import { diag, DiagConsoleLogger, DiagLogLevel } from  "@opentelemetry/api";
import { OTLPTraceExporter } from  "@opentelemetry/exporter-trace-otlp-http";

// For troubleshooting, set the log level to DiagLogLevel.DEBUG

diag.setLogger(new  DiagConsoleLogger(), DiagLogLevel.INFO);

const  sdk = new  opentelemetry.NodeSDK({
    // traceExporter: new opentelemetry.tracing.ConsoleSpanExporter(),
    traceExporter:  new  OTLPTraceExporter({
        url: "https://api.openobserve.ai/api/default/v1/traces",
        headers: {
            Authorization: "Authorization",
            "stream-name": "default"
        },
    }),
    instrumentations: [getNodeAutoInstrumentations()],
    serviceName:  "nodejs-typescript-service",
});

sdk.start();
```
</br>
## Setup up credentials 

You will get `url` and `Authorization` key from the [trace ingestion settings](https://cloud.openobserve.ai/web/ingestion/traces/).
Replace the `url` and `Authorization` key in the `tracing.js` file.

## Setup Service/Application

Follow the steps given in the sample-tracing-nodejs-typescript readme and then start server

```
npm install
ts-node --require './tracing.ts' app.ts
```
The server is now running on 8080, navigate to [http://localhost:8080](http://localhost:8080) </br>
Refresh page couple of times to get more traces exported.

![Traces Sample Configration](./images/sample_configuration.png)
</br>
</br>

Traces are captured, you can check them in the Traces UI
</br>

![Traces Page](./images/traces.png)
</br>
</br>

Filter traces with your service name `nodejs-typescript-service`
</br>

![Filter traces with service name](./images/filter_traces.png)

Click on any trace to check trace data.

![Trace details](./images/trace_details_1.png)

Trace can have multiple spans, each span represents single operation or task within that trace. Click on any span to check span details.

![Trace details](./images/trace_details_2.png)