AngularJS: serverside logging of clientside errors

Question

I've rewritten a web application using angular. But now i have the problem that it's not as easy as window.onerror = function(...) { ... } to send clientside errors to the server. But this is really helpful to detect errors.

I added a custom exception handler to angular using the following code

    $provide.decorator("$exceptionHandler", function($delegate) {
    return function(exception, cause) {
        $delegate(exception, cause);
        log2server(exception + " (" + cause + ")");
    };
});

But this wont allow me to get the location where the exception came from. Any hints/experience how to tackle this? I would also love a solution which is able to work with http://stacktracejs.com/

For reference, we can now have the stack trace information from the exception object. exception.message and exception.stack. More information can be found here: ozkary.com/2016/04/angularjs-log-client-errors-to-server.html — ozkary
– ozkary, Commented Apr 12, 2016 at 21:24
see here for a working stacktrace-to-home solution ➝ bennadel.com/blog/… — Frank N
– Frank N, Commented Jun 8, 2016 at 7:51

Daniel · Accepted Answer · 2014-01-10 00:53:52Z

10

I'm currently using TraceKit which seems to work quite well.

Simply add this to your angular startup-code

$provide.decorator("$exceptionHandler", function($delegate) {
    return function(exception, cause) {
        TraceKit.report(exception);
        $delegate(exception, cause);
    };
});

+this somewhere

TraceKit.report.subscribe(function(errorReport) {
    var msg = 'msg: ' + errorReport.message + '\n\n';
    msg +="::::STACKTRACE::::\n"
    for(var i = 0; i < errorReport.stack.length; i++) {
        msg += "stack[" + i + "] " + errorReport.stack[i].url + ":" + errorReport.stack[i].line + "\n";
    }
    // log to server
    ...
}

answered Jan 10, 2014 at 0:53

Daniel

3,0732 gold badges26 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Manoj G · Accepted Answer · 2015-02-18 06:01:44Z

5

We could use stacktrace.js by Eric Wendelin

AngularJS has good error handling.
stacktrace.js tries to solve important problem of getting right error information across all the browsers.

So We could create an angular wrapper around stacktrace.js which gives a comprehensive error handling.

Following are the 2 blog posts that explains very nicely, how to log client side JS error to server side using AngularJS and stacktrace.js.

answered Feb 18, 2015 at 6:01

Manoj G

1,8062 gold badges26 silver badges30 bronze badges

Comments

Karol Sikora · Accepted Answer · 2013-10-13 22:50:54Z

0

Disclaimer: Im django-based applications developer.

I can propose you using raven-based solution. It is logging agregation service with many bindings(also javascript), and great monitoring app sentry based on django.

answered Oct 13, 2013 at 22:50

Karol Sikora

5221 gold badge4 silver badges11 bronze badges

Collectives™ on Stack Overflow

AngularJS: serverside logging of clientside errors

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related