Epsagon Tracing for Web

This package provides tracing to front end of web applications for the collection of distributed tracing and performance metrics in Epsagon.

Contents

• Installation
• Usage
  • Custom Tags
• Configuration
  • Trace Header Propagation
• Getting Help
• Opening Issues
• License

Installation

To install Epsagon, simply run:

npm install @epsagon/react

Usage

To initialize the tracer, import the SDK and call the init function before the start of your project.

import epsagon from '@epsagon/react'

epsagon.init({
  token: 'epsagon-token',
  appName: 'app-name-stage',
})

Custom Tags

To add additional information to spans there are two methods available. Batch add user identity information with the epsagon.identity function, or use the epsagon.tag function to add your own custom information.

Options for epsagon.identify include { userId, userName, userEmail, companyId, companyName }.

epsagon.identify({
  userId: '7128f1a08a95e46c', 
  userName: 'John Doe', 
  userEmail: '[email protected]',
  companyId: 'fcffa7328813e4', 
  companyName: 'Epsagon'
})

Custom tags can only be added one at a time by passing a key and value to the tag function.

epsagon.tag('PurchaseId', '2ef5b4bfdd')

Configuration

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

|Parameter |Type |Default |Description | |-------------------|-------|-------------|-----------------------------------------------------------------------------------| |token |String |- |Epsagon account token | |appName |String |Epsagon Application|Application name that will be set for traces | |collectorURL |String |-|The address of the trace collector to send trace to | |metadataOnly |Boolean|false |Whether to send only the metadata (true) or also the payloads (false) | |propagateTraceHeaderUrls |Array|* |Which outgoing requests to add traceparent headers to. Defaults to all. | |isEpsagonDisabled |Boolean|false |A flag to completely disable Epsagon (can be used for tests or locally) |

Trace Header Propagation

By default all outgoing requests will be added with a traceparent header which allows Epsagon to connect the front end trace to the backend traces. Some external services will not accept a traceparent header on request. If you need to limit the traceparent headers to requests to internal services, pass in an array of the hosts you do want to connect to in the propagateTraceHeaderUrls param in the config.

import epsagon from '@epsagon/react'

epsagon.init({
  token: 'epsagon-token',
  appName: 'app-name-stage',
  propagateTraceHeaderUrls: ['localhost', 'sub.example.com']
})

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 Epsagon library, we want to hear about it.

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

• Library version, Node.js 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 Epsagon, use the help widget inside the product.

License

Provided under the MIT license. See LICENSE for details.

Copyright 2021, Epsagon