How do I get client IP and browser info in Blazor?

by

Well, I came across this issue this morning and the way I solved it for server-side Blazor was to create a class that you can then inject as a scoped service on your _host.cshtml, and then access it anywhere on your Blazor components, as Razor pages already have support for this.

    public class BlazorAppContext
    {
        /// <summary>
        /// The IP for the current session
        /// </summary>
        public string CurrentUserIP { get; set; }
    }

Startup.cs:

    // This method gets called by the runtime. Use this method to add services to the container.
    public void ConfigureServices(IServiceCollection services)
    {
      ...

      services.AddScoped<BlazorAppContext>();

      ...
    }

_host.cshtml:

@inject IHttpContextAccessor httpContextAccessor
@{
    BlazorAppContext.CurrentUserIP =   httpContextAccessor.HttpContext.Connection?.RemoteIpAddress.ToString();
}

You can also try a Scoped approach that you can then use through DI.

Annotation:

As stated in the documentation, “Blazor WebAssembly apps don’t currently have a concept of DI scopes. Scoped-registered services behave like Singleton services. However, the Blazor Server hosting model supports the Scoped lifetime. In Blazor Server apps, a scoped service registration is scoped to the connection. For this reason, using scoped services is preferred for services that should be scoped to the current user, even if the current intent is to run the client-side in the browser.”

I hope it helps.

More Related Contents:

  1. How to use the HttpContext object in server-side Blazor to retrieve information about the user, user agent
  2. Blazor Timer call async API task to update UI
  3. blazor variable argument passing to onclick function
  4. Require authorization on ALL Blazor pages
  5. How do I get the access token from a blazor (server-side) web app?
  6. How to add OpenIdConnect via IdentityServer4 to ASP.NET Core ServerSide Blazor web app?
  7. Get Current User in a Blazor component
  8. Blazor component : refresh parent when model is updated from child component
  9. Blazor Server: load js scripts only on certain pages, not on all
  10. Embedding a Leaflet map on a Blazor SPA
  11. Managing State and Preventing Blazor Navigation in an Edit Form
  12. Is there any hot reload for blazor server-side?
  13. Why are Blazor lifecycle methods getting executed twice?
  14. Is there an equivalent to Html.Raw in Blazor?
  15. Blazor Textfield Oninput User Typing Delay
  16. Calling function from generated button in Blazor
  17. For loop not returning expected value – C# – Blazor
  18. Get current URL in a Blazor component
  19. How can one generate and save a file client side using Blazor?
  20. When to use ValueChanged and ValueExpression in Blazor?
  21. How can I trigger/refresh my main .RAZOR page from all of its sub-components within that main .RAZOR page when an API call is complete?
  22. Cannot debug Blazor wasm
  23. NavigationManager – Get current URL in a Blazor component
  24. How to make two-way binding on Blazor component
  25. How do I access HttpContext in Server-side Blazor?
  26. Best way to share data between two child components in Blazor
  27. Blazor: How to use the onchange event in when using @bind also?
  28. Failed to find a valid digest in the ‘integrity’ attribute for resource in Blazor app
  29. How to map fallback in ASP .NET Core Web API so that Blazor WASM app only intercepts requests that are not to the API
  30. Can we consume a Blazor component as a Web Component within a regular non-Blazor HTML page?

Leave a Comment