• EnglishEspañol日本語한국어Português
  • Log inStart now

Blazor WebAssembly integration

With our Blazor WebAssembly dashboard, you can easily monitor your golden metrics, track end user experience, and see your total page views over time.

Built with our browser monitoring agent, the Blazor WebAssembly integration gives you a set of default that let you view your most critical query data, all in one place.

After setting up the Blazor WebAssembly integration with New Relic, your data will display in dashboards like these, right out of the box.

Install the infrastructure agent

You don't need the infrastructure agent to integrate Blazor WebAssembly with New Relic, but we recommend installation if you want full observability of your system. The infrastructure agent collects logs and other data about your hosts, showing your performance metrics alongside your application metrics.

There are two methods to install the infrastructure agent:

Integrate Blazor WebAssembly with New Relic

To collect data from Blazor WebAssembly, follow the below procedures:

  1. From one.newrelic.com, go to the Add data page.

  2. Click Browser and mobile, then click Browser monitoring.

  3. Select the Select copy/paste JavaScript code option (for more about this code, see our browser install docs).

  4. Complete the rest of the steps and click Enable.

  5. Go to the wwwroot directory of your Blazor WebAssembly application.

  6. Open the index.html file.

  7. Paste our browser code snippet right before the body tag ends (</body>).

  8. Restart your application.

  9. Go to one.newrelic.com, then click Metrics & events. Run a sample NRQL query to confirm New Relic is collecting data:

    SELECT average(windowLoad) FROM PageViewTiming WHERE (deviceType = 'Desktop') FACET `userAgentName` SINCE 604800 seconds AGO TIMESERIES
  10. Install the default dashboards by going to the Blazor WebAssembly instant observability page, then clicking Install at the top of the page.

  11. Go to Dashboards from one.newrelic.com and click Blazor WebAssembly to view your dashboards.

What's next?

To learn more about building NRQL queries and generating dashboards, check out these docs:

Copyright © 2024 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.