Blazor中如何统一在所有页面加载时执行日志方法？

一、避免在每个页面重复编写日志代码 #

不用每个页面手动写OnInitializedAsync日志逻辑，有两种常用的原生方案：

1. 自定义页面基类 #

创建一个继承自ComponentBase的基类，把日志逻辑放在基类的OnInitializedAsync中，所有页面组件都继承这个基类即可：

public class BasePage : ComponentBase
{
    [Inject]
    protected ILogger<BasePage> Logger { get; set; } = default!;

    // 假设你有一个获取当前用户的服务
    [Inject]
    protected ICurrentUserService CurrentUserService { get; set; } = default!;

    protected override async Task OnInitializedAsync()
    {
        var user = await CurrentUserService.GetCurrentUserAsync();
        // 用结构化日志，方便后续查询分析
        Logger.LogInformation("用户访问页面：{PageName}，用户信息：{UserInfo}", 
            GetType().FullName, user?.Id ?? "匿名用户");
        
        // 必须调用基类方法，确保页面自身的初始化逻辑能正常执行
        await base.OnInitializedAsync();
    }
}

然后你的页面组件只需继承这个基类：

// 示例页面组件
public partial class HomePage : BasePage
{
    // 如果页面需要自定义初始化逻辑，直接重写并调用base方法
    protected override async Task OnInitializedAsync()
    {
        // 先执行全局日志逻辑
        await base.OnInitializedAsync();
        
        // 页面专属初始化代码
        await LoadHomeDataAsync();
    }
}

2. 监听路由导航事件 #

如果想覆盖更全面的场景（比如路由参数变化但组件复用、浏览器前进后退），可以通过NavigationManager的LocationChanged事件全局拦截导航行为，在导航发生时记录日志：

// 在Program.cs中注册（Blazor Server和WASM都适用）
var app = builder.Build();

// 获取所需服务
var navigationManager = app.Services.GetRequiredService<NavigationManager>();
var logger = app.Services.GetRequiredService<ILogger<Program>>();
var currentUserService = app.Services.GetRequiredService<ICurrentUserService>();

// 注册导航变更事件
navigationManager.LocationChanged += async (_, args) =>
{
    var user = await currentUserService.GetCurrentUserAsync();
    logger.LogInformation("用户导航：{UserId}，从{OldPath}到{NewPath}", 
        user?.Id ?? "匿名", args.PreviousLocation,icaA样子.ws partially            

 "" had时间 U是反//>
};

// 后续启动代码...

这种方案不依赖页面的生命周期，只要用户在应用内导航就会触发日志，覆盖范围更广。

二、更优的用户日志记录方案 #

除了全局化实现，还可以从以下几个维度优化日志方案：

• 结构化日志优先：始终使用占位符格式的日志（如LogInformation("用户{Id}访问{Path}", userId, path)），而非字符串拼接。这样日志系统（如Serilog、NLog）可以解析为结构化数据，方便后续通过ELK、Grafana等工具分析。
• 日志分级与上下文：根据场景选择合适的日志级别：正常访问用Information，异常访问（如未授权）用Warning，错误用Error；同时可以添加日志上下文（比如请求ID、会话ID），方便追踪用户行为链。
• 敏感信息脱敏：禁止记录用户密码、手机号等敏感数据，仅保留用户ID、用户名等必要标识，符合隐私合规要求。
• 集成专业日志框架：替代原生ILogger，使用Serilog、NLog等框架，支持更多输出目标（文件、数据库、Elasticsearch），并提供更灵活的配置（比如按天分割日志、自动清理旧日志）。
• 区分端侧场景：Blazor Server可以直接获取用户IP、请求头；Blazor WASM则需要通过API从服务器获取这些信息，避免在客户端记录敏感数据。

内容的提问来源于stack exchange，提问作者EyeSeeSharp