Angular Global Error Handling

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.
18. None

19. Dhananjay Kumar Connect me for Training and Consulting. Email –

    [email protected] @debug_mode