Use serilog as logging provider in blazor webassembly client app

Question

I'd like to use serilog in a blazor webassembly net 6 app, both on client and server sides. In this article I found out how to relay log entries to server so that they are written in log files.

In this approach however the Log static class is used to explicitly add log entries.

I'd like to add serilog as logging provider so that exceptions and automatically generated information are logged, too.

On server side I use

var builder = WebApplication.CreateBuilder(args); builder.Host .UseSerilog((ctx, lc) => { lc.ReadFrom.Configuration(ctx.Configuration); });

This way everything is passed to serilog.

UseSerilog is defined in Serilog.AspNetCore. Unfortunately, if I add Serilog.AspNetCore to my client project, the following error appears:

NETSDK1082 There was no runtime pack for Microsoft.AspNetCore.App available for the specified RuntimeIdentifier 'browser-wasm'

Is there a way to manually add serilog to logging providers, or in alternative, is there a way to add Serilog.AspNetCore package to client project?

Alexandre · Accepted Answer · 2024-06-11 17:22:03Z

I've been able to add Serilog to my client application logging providers by adding the Serilog.Extensions.Logging NuGet package.

Then I used the following code:

using Serilog; using Serilog.Core; using Serilog.Extensions.Logging; var builder = WebAssemblyHostBuilder.CreateDefault(args); /* ... */ /* Serilog configuration * here I use BrowserHttp sink to send log entries to my Server app */ var levelSwitch = new LoggingLevelSwitch(); Log.Logger = new LoggerConfiguration() .MinimumLevel.ControlledBy(levelSwitch) .Enrich.WithProperty("InstanceId", Guid.NewGuid().ToString("n")) .WriteTo.BrowserHttp(endpointUrl: $"{builder.HostEnvironment.BaseAddress}ingest", controlLevelSwitch: levelSwitch) .CreateLogger(); /* this is used instead of .UseSerilog to add Serilog to providers */ builder.Services.AddLogging(loggingBuilder => loggingBuilder.AddSerilog(dispose: true));

Thank you for this tip, but as of Net7 Blazor WASM the following is needed instead of the last line. (from the Serilog.Extensions.Logging readme): builder.Services.AddLogging(loggingBuilder => loggingBuilder.AddSerilog(dispose: true));
It actually works both ways, however since your code is the official one, I'll update my answer. Thank you JasonS!
It can be configured from appSettings.json: Log.Logger = new LoggerConfiguration().ReadFrom.Configuration(builder.Configuration).CreateLogger(); where builder is WebApplication.CreateBuilder(args)
@ChrisFCarroll To be able to use .Configuration(... you need to add the Serilog.Settings.Config NuGet package

Jean-Francois Rondeau · Accepted Answer · 2025-07-05 20:04:46Z

Not sure if it is because i'm targeting .net 9, but this is the code that worked for me:

using Microsoft.AspNetCore.Components.WebAssembly.Hosting; using Serilog; using Serilog.Extensions.Logging; var builder = WebAssemblyHostBuilder.CreateDefault(args); Log.Logger = new LoggerConfiguration() .MinimumLevel.Debug() .WriteTo.BrowserConsole() .CreateLogger(); // Replace Microsoft logger for Serilog builder.Logging.ClearProviders(); builder.Logging.AddProvider(new SerilogLoggerProvider(Log.Logger)); await builder.Build().RunAsync();

Collectives™ on Stack Overflow

Use serilog as logging provider in blazor webassembly client app

2 Answers 2

6 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Linked

Related