Exceptionless.JavaScript

The definition of the word exceptionless is: to be without exception. Exceptionless.js provides real-time error reporting for your JavaScript applications in the browser or in Node.js. It organizes the gathered information into simple actionable data that will help your app become exceptionless!

Show me the code!

1<script src="https://cdn.jsdelivr.net/npm/exceptionless@v1.6.4/dist/exceptionless.min.js"></script>
2<script>
3  var client = exceptionless.ExceptionlessClient.default;
4  client.config.apiKey = 'API_KEY_HERE';
5
6  try {
7    throw new Error('test');
8  } catch (error) {
9    client.submitException(error);
10  }
11</script>

1var client = require('exceptionless').ExceptionlessClient.default;
2client.config.apiKey = 'API_KEY_HERE';
3
4try {
5  throw new Error('test');
6} catch (error) {
7  client.submitException(error);
8}
9

Using Exceptionless

Installation

You can install Exceptionless.js either in your browser application using Bower or a script tag, or you can use the Node Package Manager (npm) to install the Node.js package.

Browser application

Use one of the following methods to install Exceptionless.js into your browser application:

• CDN:

  Add the following script to your page:

  1<script src="https://cdn.jsdelivr.net/npm/exceptionless@v1.6.4/dist/exceptionless.min.js"></script>

• Bower:

  1. Install the package by running bower install exceptionless.
  2. Add the script to your HTML page:

  1<script src="bower_components/exceptionless/dist/exceptionless.min.js"></script>

In either case, we recommend placing the script tag at the very beginning of your page.

Node.js

Use this method to install Exceptionless.js into your Node application:

1. Install the package by running npm install exceptionless --save.
2. Require the Exceptionless.js module in your application:

1var client = require('exceptionless').ExceptionlessClient.default;

Configuring the client

In order to use Exceptionless.js, the apiKey setting has to be configured first. You can configure the ExceptionlessClient class using one of the following ways:

Browser application

• You can configure the apiKey as part of the script tag. This will be applied to all new instances of the ExceptionlessClient class:

  1<script src="bower_components/exceptionless/dist/exceptionless.min.js?apiKey=API_KEY_HERE"></script>

• You can set the apiKey on the default ExceptionlessClient instance:

  1exceptionless.ExceptionlessClient.default.config.apiKey = 'API_KEY_HERE';

• You can create a new instance of the ExceptionlessClient class and specify the apiKey, serverUrl or configuration object:

  1var client = new exceptionless.ExceptionlessClient('API_KEY_HERE');
  2// or with an api key and server url
  3var client = new exceptionless.ExceptionlessClient('API_KEY_HERE', 'http://localhost:5000');
  4// or with a configuration object
  5var client = new exceptionless.ExceptionlessClient({
  6  apiKey: 'API_KEY_HERE',
  7  serverUrl: 'http://localhost:5000',
  8  submissionBatchSize: 100
  9});

Node.js

• You can set the apiKey on the default ExceptionlessClient instance:

  1var client = require('exceptionless').ExceptionlessClient.default;
  2client.config.apiKey = 'API_KEY_HERE';

• You can create a new instance of the ExceptionlessClient class and specify the apiKey, serverUrl or configuration object:

  1var exceptionless = require('exceptionless');
  2
  3var client = new exceptionless.ExceptionlessClient('API_KEY_HERE');
  4// or with an api key and server url
  5var client = new exceptionless.ExceptionlessClient('API_KEY_HERE', 'http://localhost:5000');
  6// or with a configuration object
  7var client = new exceptionless.ExceptionlessClient({
  8  apiKey: 'API_KEY_HERE',
  9  serverUrl: 'http://localhost:5000',
  10  submissionBatchSize: 100
  11});

Submitting Events and Errors

Once configured, Exceptionless.js will automatically submit any unhandled exceptions that happen in your application to the Exceptionless server. The following sections will show you how to manually submit different event types as well as customize the data that is sent:

Submitting Events

You may also want to submit log messages, feature usage data or other kinds of events. You can do this very easily with the fluent API:

1// Browser
2var client = exceptionless.ExceptionlessClient.default;
3// Node.js
4// var client = require('exceptionless').ExceptionlessClient.default;
5
6client.submitLog('Logging made easy');
7
8// You can also specify the log source and log level.
9// We recommend specifying one of the following log levels: Trace, Debug, Info, Warn, Error
10client.submitLog('app.logger', 'This is so easy', 'Info');
11client.createLog('app.logger', 'This is so easy', 'Info').addTags('Exceptionless').submit();
12
13// Submit feature usages
14client.submitFeatureUsage('MyFeature');
15client.createFeatureUsage('MyFeature').addTags('Exceptionless').submit();
16
17// Submit a 404
18client.submitNotFound('/somepage');
19client.createNotFound('/somepage').addTags('Exceptionless').submit();
20
21// Submit a custom event type
22client.submitEvent({ message = 'Low Fuel', type = 'racecar', source = 'Fuel System' });

Manually submitting Errors

In addition to automatically sending all unhandled exceptions, you may want to manually send exceptions to the service. You can do so by using code like this:

1// Browser
2var client = exceptionless.ExceptionlessClient.default;
3// Node.js
4// var client = require('exceptionless').ExceptionlessClient.default;
5
6try {
7  throw new Error('test');
8} catch (error) {
9  client.submitException(error);
10}

Sending Additional Information

You can easily include additional information in your error reports using the fluent event builder API.

1// Browser
2var client = exceptionless.ExceptionlessClient.default;
3// Node.js
4// var client = require('exceptionless').ExceptionlessClient.default;
5
6try {
7  throw new Error('Unable to create order from quote.');
8} catch (error) {
9  client.createException(error)
10    // Set the reference id of the event so we can search for it later (reference:id).
11    // This will automatically be populated if you call client.config.useReferenceIds();
12    .setReferenceId('random guid')
13    // Add the order object (the ability to exclude specific fields will be coming in a future version).
14    .setProperty("Order", order)
15    // Set the quote number.
16    .setProperty("Quote", 123)
17    // Add an order tag.
18    .addTags("Order")
19    // Mark critical.
20    .markAsCritical()
21    // Set the coordinates of the end user.
22    .setGeo(43.595089, -88.444602)
23    // Set the user id that is in our system and provide a friendly name.
24    .setUserIdentity(user.Id, user.FullName)
25    // Submit the event.
26    .submit();
27}

Self hosted options

The Exceptionless client can also be configured to send data to your self hosted instance. This is configured by setting the serverUrl setting to point to your Exceptionless instance:

Browser

You can set the serverUrl on the default ExceptionlessClient instance:

1exceptionless.ExceptionlessClient.default.config.serverUrl = 'http://localhost:5000';

Node.js

You can set the serverUrl on the default ExceptionlessClient instance:

1var client = require('exceptionless.node').ExceptionlessClient.default;
2client.config.serverUrl = 'http://localhost:5000';

General Data Protection Regulation

By default the Exceptionless Client will report all available metadata including potential PII data. You can fine tune the collection of information via Data Exclusions or turning off collection completely.

Please visit the docs for detailed information on how to configure the client to meet your requirements.

Support

If you need help, please contact us via in-app support, open an issue or join our chat on Discord. We’re always here to help if you have any questions!

Contributing

If you find a bug or want to contribute a feature, feel free to create a pull request.

1. Clone this repository:

   1git clone https://github.com/exceptionless/Exceptionless.JavaScript.git

2. Install Node.js. Node is used for building and testing purposes.

3. Install gulp and the development dependencies using npm.

   1npm install

4. Build the project by running the following gulp command.

   1npm run build

5. Test the project by running the following gulp command.

   1npm run test

During development, you can use relative paths to require Exceptionless, e.g. require('./dist/exceptionless.node.js') when you are running Node.js from the git root directory.

Thanks

Thanks to all the people who have contributed!