Welcome to Highlight
Getting Started
Overview
Backend / Server
Client / Frontend
Fullstack Frameworks
Tips
Content-Security-Policy
Local Development
Monkey Patches
Performance Impact
Proxying Highlight
Session Search Deep Linking
Troubleshooting
Upgrading Highlight
Session Replay
Console Messages
HTML iframe Recording
Identifying Users
Live Mode
Network DevTools
Privacy
Rage Clicks
Recording Network Requests and Responses
Session Sharing
Session Shortcut
Tracking Events
Versioning Sessions
Error Monitoring
Grouping Errors
Sourcemaps
Versioning Errors
Product Features
Alerts
Analytics
Canvas
Comments
Environments
Frontend Observability
Keyboard Shortcuts
Performance Data
Segments
Session Search
Team Management
User Feedback
Web Vitals
WebGL
Integrations
Amplitude Integration
Clearbit Integration
Electron Integration
Front Plugin
Intercom Integration
Linear Integration
Mixpanel Integration
React.js Integration
Segment Integration
Sentry Integration
Slack Integration
Vercel Integration
highlight.run Changelog
5.0.0
5.0.1
5.1.0
5.1.1
5.1.2
5.1.3
5.1.4
5.1.5
Menu
Docs / Getting Started / Client / Frontend / Angular

Angular

👋 Welcome!

Let's get you up and running with Highlight. We should be done in less than 2 minutes.

Installing the SDK

Install highlight.run using your package manager.

# with npm npm install highlight.run # with yarn yarn add highlight.run
Copy
Initialize

Initialize Highlight where your application starts, likely in the Angular main.ts file.

import { H } from 'highlight.run'; H.init( "<YOUR_PROJECT_ID>", // Get your project ID from https://app.highlight.run/setup networkRecording: { enabled: true, recordHeadersAndBody: true, }, tracingOrigins: true // Optional configuration of Highlight features );
Copy

Check out H.init() docs for more details about the options to configure.

If you prefer a full-fledged example, you can also reference our sample Angular Repo with Highlight Configured.

Verify

Start your app, go to it in the browser, then click around. Highlight will be recording your session and it will show up on https://app.highlight.run/sessions a few seconds after recording has started.

Configuration

Integration with Angular ErrorHandler coming soon!