BenMakesGames.MiniProfilerForBlazor
1.1.0
Prefix Reserved
There is a newer version of this package available.
See the version list below for details.
See the version list below for details.
dotnet add package BenMakesGames.MiniProfilerForBlazor --version 1.1.0
NuGet\Install-Package BenMakesGames.MiniProfilerForBlazor -Version 1.1.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="BenMakesGames.MiniProfilerForBlazor" Version="1.1.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BenMakesGames.MiniProfilerForBlazor --version 1.1.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: BenMakesGames.MiniProfilerForBlazor, 1.1.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install BenMakesGames.MiniProfilerForBlazor as a Cake Addin #addin nuget:?package=BenMakesGames.MiniProfilerForBlazor&version=1.1.0 // Install BenMakesGames.MiniProfilerForBlazor as a Cake Tool #tool nuget:?package=BenMakesGames.MiniProfilerForBlazor&version=1.1.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
What is This?
BenMakesGames.MiniProfilerForBlazor
adds a service & component for displaying MiniProfiler results on a Blazor WebAssembly front-end.
Installation & Configuration
API Back-end Project
Install MiniProfiler in API Project
Install & configure MiniProfiler: https://miniprofiler.com/dotnet/AspDotNetCore
- DON'T follow instructions for setting up
.cshtml
files; these do not apply to a Blazor WebAssembly project
Validate Installation
- Run the project, and view the website in your browser of choice
- In the browser's developer tools, view the details for any XHR request
- Verify that the response headers contains an
x-miniprofiler-ids
header- If the
x-miniprofiler-ids
header is not present, MiniProfiler has not been configured, andMiniProfilerForBlazor
will not work
- If the
WebAssembly Front-end Project
Install this Package
Add BenMakesGames.MiniProfilerForBlazor
to your Blazor WebAssembly project.
Register Service
In your WebAssembly's Program.cs
:
services.AddMiniProfilerForBlazor();
Register Handler
Refit Client
services.AddRefitClient<...>() // <-- your refit client registration
.AddMiniProfilerHandler(); // <-- add this
Standard HttpClient
services.AddHttpClient<...>() // <-- your http client registration
.AddMiniProfilerHandler(); // <-- add this
Add MiniProfiler to UI
In your App.razor
, main layout, or wherever you want MiniProfiler to appear, add:
@using BenMakesGames.MiniProfilerForBlazor.Components // or add this to your _Imports.razor; up to you
...
<MiniProfiler />
Component Options
int ZIndex
z-index to display the MiniProfiler button & panel; defaults to 9999- Example:
<MiniProfiler ZIndex="39" />
- Example:
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net6.0
- Microsoft.AspNetCore.Components.Web (>= 6.0.16)
- Microsoft.Extensions.Http (>= 6.0.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.