Home

Get Started with WebVella.BlazorTrace!

To start using BlazorTrace you need to do the following simple steps:

Add the latest version of the WebVella.BlazorTrace Nuget package to your component holding projects directly. It is important to be directly referenced, so the FodyWeavers.xml and WvBlazorTraceModule.cs can be generated in the projects root!
Add the following lines in your Program.cs file.

builder.Services.AddBlazorTrace(
new WvBlazorTraceConfiguration
{
  #if !DEBUG
     EnableTracing = false
  #endif
}
);

#if DEBUG
//Snapshots require bigger hub message size
builder.Services.Configure<HubOptions>(options =>
{
options.MaximumReceiveMessageSize = 10 * 1024 * 1024; // 10MB
});
//To get the message size error if it got bigger than the above
builder.Services.AddSignalR(o =>
{
 o.EnableDetailedErrors = true;
});
#endif

In your _Imports.razor file add the following lines so all supported components can start being monitored

@using WebVella.BlazorTrace;
@attribute [WvBlazorTrace]

Add the BlazorTrace component at the end of your App.razor or Routes.razor component (depending on your project type)

<Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
    </Found>
</Router>
<WvBlazorTrace/> @* <-- INSERT HERE *@