Web application Instrumentation

OpsVerse Observe Frontend Monitoring provides a seamless way to collect logs, traces and metrics from web application frontends and bring them into your ObserveNow instance. This allows complete visibility into all aspects of your stack, and ensures you can use a single software stack to provide end to end observability.

OpsVerse Frontend Monitoring works seamlessly with the Grafana Faro SDK so to enable frontend-monitoring, you can use the Faro SDK

Install the Faro Web SDK package using the following command:

or

Import and Initialize the package by including the following code snippet to your application:

For HTML and Javascript based application:

To enable frontend-tracing support, you can use the Grafana Faro Tracing SDK using the following command:

or

and then update the initialization to also enable TracingInstrumentation

Once you run your application you should see application logs and traces being exported to the provided collector URL in the console/network tab of the browser developer tools.

OpsVerse ObserveNow comes pre-baked with a Frontend Monitoring Dashboard that you can use as a starting point to visualize your frontend performance.