Example Angular and .NET Core application instrumented with OpenTelemetry.
This is a simple Angular/ASP.NET Core application that answers the question "What's the point?". It allows you to inject/eject failures into an application and see how those failures affect the telemetry that is generated. It is already preconfigured with an OpenTelemetry exporter so you don't need to change any code or enter any API keys.
This simple application is not meant to exhaustively show all the capabilities OpenTelemetry. If you are looking for that functionality, check out the OpenTelemetry demo.
- Those interested in but not having much epxerience with OpenTelemetry.
- Those not wanting or having the time to configure or run a full sample application locally or otherwise.
- Those wanting to see how a happy/broken path are showing an APM tool.
When this application is deployed, it has a configured OpenTelemetry exporter. Sandboxing allows users to conduct their own experiments independently without affecting each other.
A demo of the sample is deployed to demo.iapm.app
Immersive APM Web
Play with the sample. Break things! Then wait 30 seconds and login into the grid using a Microsoft / Azure Account (NEW!) or Local / Social Account
(same grid, just different authentication options)
That's it! Let us know how you like the demo
Email | LinkedIn | Mastodon | Twitter / X | YouTube | Facebook | Instagram | GitHub | Discord
Click here to try Immersive APM for your own project
- Angular 17+
- ASP.NET Core 8
- NodeJs
There is no additional installation necessary outside of pre-requisite installation to run locally.
Angular
ng serve -o
ASP.NET API
dotnet run
This sample can be used with any OpenTelemetry tool. There is not custom code or libraries that are proprietary.
Please feel free to add flows and improve it if you feel compelled to.
This project is licensed under the MIT License - see the LICENSE file for details
Inspiration, code snippets, etc.