Ember Integration - Real User Monitoring

Ember.js is a powerful client-side JavaScript framework that is being widely used. Atatus integrates with Ember.js in few lines, allowing you to identify and debug the errors easily.

Agent Installation

For NPM and YARN

If you want to include Atatus script with your source, you can add it through package managers such as YARN and NPM.

Install atatus-spa from the npm or yarn registry:

copy

npm install --save atatus-spa
Or
yarn add atatus-spa

Import and initialize atatus to monitor your application:

copy

import * as atatus from 'atatus-spa';
atatus.config('YOUR_API_KEY').install();

For CDN

Copy & paste this code into the <head> tag of your html (every page) to start using Atatus on your site. Please make sure that you add it before other script tags as well.

copy

<script src="//dmc1acwvwny3.cloudfront.net/atatus-spa.js"></script>
<script type="text/javascript">atatus.config('YOUR_API_KEY').install();</script>

Replace the YOUR_API_KEY string with the API Key that is assigned for your project. You're done.

For more advanced options on installing your monitoring code, view customizing agent.

Test Integration

To verify that your integration is working, call notify() in your application:

copy

atatus.notify(new Error('Test Atatus Setup'));

Within few seconds, performance metrics and errors will appear in your project dashboard.

Track exceptions in Ember apps

To collect errors from Ember app, you need to set up the Ember.onerror handler for your app. You can do that using the following code snippet:

copy

var reportError = function(error) {
    if (window.atatus) {
        window.atatus.notify(error);
    }
};

// Log Emberjs errors
Ember.onerror = reportError;

// Log Ember promise errors
Ember.RSVP.on('error', reportError);

// Log Ember route errors
App.ApplicationRoute = Ember.Route.extend({ actions: { error: reportError } });