cisco-telescope v2.1.0

otel-js

This package provides OpenTelemetry-compliant tracing to Javascript applications for the collection of distributed tracing and performance metrics in Cisco Telescope.

Contents

• otel-js
  • Contents
  • Installation
    • Install packages
    • Library initialization
      • javascript
      • typescript
    • OpenTelemetry Collector Configuration
      • Configure custom trace exporter
      • Configure custom OpenTelemetry collector to export trace data to Cisco Telescope's external collector.
    • Existing OpenTelemetry Instrumentation
  • Create spans manually
  • Supported Runtimes
  • Supported Libraries
  • Configuration
  • Getting Help
  • Opening Issues
  • License

Installation

Install packages

To install Cisco OpenTelemetry Distribution simply run:

npm install cisco-telescope

Library initialization

Cisco OpenTelemetry Distribution is activated and instruments the supported libraries once the ciscoTracing.init() has returned.

To initialize the library, you'll need a cisco-token, which is taken from your Account tab on the Telescope console Settings page.

javascript

// tracing.js

const { ciscoTracing } = require('cisco-telescope');

const userOptions = {
  serviceName: 'my-app-name',
  ciscoToken: 'cisco-token',
};

ciscoTracing.init(userOptions); // init() is an asynchronous function. Consider calling it in 'async-await' format

Run Your Application

node -r ./tracing.js app.js

typescript

// tracing.ts

import { ciscoTracing, Options } from 'cisco-telescope';

const userOptions: Partial<Options> = {
  serviceName: 'my-app-name',
  ciscoToken: 'cisco-token',
};
ciscoTracing.init(userOptions); // init() is an asynchronous function. Consider calling it in 'async-await' format

Run Your Application

ts-node -r ./tracing.ts app.ts

OpenTelemetry Collector Configuration

By default, Cisco OpenTelemetry Distribution exports data directly to Cisco Telescope's infrastructure backend.

Existing OpenTelemetery Collector is supported, the following configuration can be applied

Configure custom trace exporter

Cisco OpenTelemetry Distribution supports the configuration of multiple custom exporters. Note that you will need to handle your exporter authorization. Example for create OtlpGrpc Span exporter to local OpenTelemetry collector including metadata (headers) injection:

const { ciscoTracing } = require('cisco-telescope');

const userOptions = {
  serviceName: 'my-app-name',
  exporters: [
    {
      type: 'otlp-grpc',
      collectorEndpoint: 'grpc://localhost:4317',
      customHeaders: {
        'someheader-to-inject': 'header value',
      },
    },
  ],
};

ciscoTracing.init(userOptions);

Configure custom OpenTelemetry collector to export trace data to Cisco Telescope's external collector.

collector.yaml ...

exporters:
  otlphttp:
    traces_endpoint: https://production.cisco-udp.com/trace-collector
    headers:
      authorization: Bearer <Your Telescope Token>
    compression: gzip


service:
  pipelines:
    traces:
      exporters: [otlphttp]

Existing OpenTelemetry Instrumentation

Notice: Only relevant if interested in streaming existing OpenTelemetry workloads. Cisco Telescope supports native OpenTelemetery traces.

const traceProvider = new NodeTracerProvider({
  resource: Resource(),
});
const collectorOptions = {
  url: 'https://production.cisco-udp.com/trace-collector',
  headers: {
    authorization: 'Bearer <Your Cisco Token>',
  },
};
const httpExporter = new HTTPTraceExporter(collectorOptions);
traceProvider.addSpanProcessor(new BatchSpanProcessor(httpExporter));

Create spans manually

Together with using Cisco OpenTelemetry Distribution, you can send traces manually according the open telemetry API. Here is an example of an http server which send a manual span when it gets a post . This span will appear in adition to the http span created automatically.

import { trace } from '@opentelemetry/api';
import * as express from 'express';

const tracer = trace.getTracer('my-application', '0.1.0');
const app = express();

app.post('/test_post', async (req, res) => {
  const span = tracer.startSpan('my-span-name');
  //do something and add attribute to your span
  span.setAttribute('manual-key', 'manual-value');
  span.end();

  const body = 'my-response-body';
  res.writeHead(200, { 'Content-Type': 'application/json' });
  res.write(body);
  res.end();
});

app.listen(8081, () => {
  console.log('Listening for requests on http://localhost:8081');
});

Supported Runtimes

Supported Libraries

Cisco OpenTelemetry JS Distribution is extending Native OpenTelemetry, supported libraries available here.

Cisco OpenTelemetry JS Distribution provides out-of-the-box instrumentation (tracing) and advanced payload collections for many popular frameworks and libraries.

Configuration

Advanced options can be configured as a parameter to the init() method:

Exporter options

Getting Help

If you have any issue around using the library or the product, please don't hesitate to:

• Use the documentation.
• Use the help widget inside the product.
• Open an issue in GitHub.

Opening Issues

If you encounter a bug with the Cisco OpenTelemetry Distribution for JavaScript, we want to hear about it.

When opening a new issue, please provide as much information about the environment:

• Library version, JavaScript runtime version, dependencies, etc.
• Snippet of the usage.
• A reproducible example can really help.

The GitHub issues are intended for bug reports and feature requests. For help and questions about Cisco Telescope, use the help widget inside the product.

License

Provided under the Apache 2.0. See LICENSE for details.

Copyright 2022, Cisco