Angular Global Error Handling

Dhananjay Kumar presentation on Angular Global Error Handling for ngPoland 2024

Transcript

1. Dhananjay Kumar Founder, Nomad</coder> | ng-India Angular Global Error Handling
2. I wish undefined was a function
3. Types of Error @debug_mode Compile time Error Error in Template Run time Error HTTP Errors
4. Run time Error
5. Run time Error
6. What if a developer forgets to try-catch
7. Why Global Error Handling • Set up custom error handling. • Send error logs to the server. • Redirect to an error page when necessary. • Conduct an error analysis for the application. • Integrate Azure App Insight, Amazon CloudWatch, etc.
8. Step 1 Create a Service
9. Step 2 Implement ErrorHandler classclass Step 2
10. Step 3 Implement handleError method
11. Step 2 Provide the service in app.configclass Step 4
12. Run time Error
13. To log the stack trace, install stacktrace-js library in project, Step 5 > npm install stacktrace-js
14. Step 6 Use stacktrace
15. Run time Error
16. Log @debug_mode Stacktrace Route Logged In User Date Time
17. Log • Create an interface • Develop a service to send logs to the server via API. • Integrate the service within the GlobalErrorHandler to log errors and trace details.
19. Dhananjay Kumar Connect me for Training and Consulting. Email – Dhananjay@nomadcoder.ai @debug_mode