<body ng-app="YOUR_APP" ng-controller="MainCtrl">
<a href="#error" ng-click="logError()">Log Error</a>
</body>
<script src="http://cdnjs.cloudflare.com/ajax/libs/raven.js/1.0.8/raven.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script>
<script>
Raven.config('YOUR_PUBLIC_DSN', {
})
.setUser({
"id": "SERVER_RENDERED_ID",
"email": "SERVER_RENDERED_EMAIL"
})
.install()
</script>
<script src="app/bower_components/angular-raven/angular-raven.js"></script>
<script>
angular.module('YOUR_APP', [
'ngRaven',
'controllers'
])
.config(function($ravenProvider) {
$ravenProvider.development(true);
});
angular.module('controllers', [])
.controller('MainCtrl', function($scope, $raven) {
$scope.logError = function() {
$raven.captureMessage('Error');
};
});
</script>
Initializing Raven.js outside of Angular allows Raven to track errors when Angular wasn't able to bootstrap correctly.
The community has compiled a list of common ignore rules for common things, like Facebook, Chrome extensions, etc.
Raven.config('YOUR_PUBLIC_DSN', {
logger: 'javascript',
ignoreErrors: [
'top.GLOBALS',
'originalCreateNotification',
'canvas.contentDocument',
'MyApp_RemoveAllHighlights',
'http://tt.epicplay.com',
'Can\'t find variable: ZiteReader',
'jigsaw is not defined',
'ComboSearch is not defined',
'http://loading.retry.widdit.com/',
'atomicFindClose',
'fb_xd_fragment',
'bmi_SafeAddOnload',
'EBCallBackMessageReceived',
'conduitPage'
],
ignoreUrls: [
/graph\.facebook\.com/i,
/connect\.facebook\.net\/en_US\/all\.js/i,
/eatdifferent\.com\.woopra-ns\.com/i,
/static\.woopra\.com\/js\/woopra\.js/i,
/extensions\//i,
/^chrome:\/\//i,
/127\.0\.0\.1:4001\/isrunning/i,
/webappstoolbarba\.texthelp\.com\//i,
/metrics\.itunes\.apple\.com\.edgesuite\.net\//i
]
}).install();
