Blazor Server中ProtectedSessionStorage存大值致应用冻结问题求助

核心原因 #

• Blazor Server依赖SignalR实现客户端与服务器的通信，而SignalR默认有消息大小限制（约32KB左右，对应字符数大概34160）。当你通过ProtectedSessionStorage.GetAsync读取大值时，加密后的字符串会通过SignalR从客户端传输到服务器，超过这个限制会直接触发连接中断，进而引发电路重连。
• 组件初始化阶段（OnInitializedAsync）是渲染的关键节点，此时连接中断重连会阻塞组件渲染流程，导致应用表现为冻结状态。
• ProtectedSessionStorage的工作机制是将数据加密后存在浏览器SessionStorage，读取时需要客户端把完整加密数据传给服务器解密，大体积数据的传输很容易触发SignalR的阈值限制。

解决办法 #

1. 调整SignalR消息大小限制 #

在Program.cs中修改SignalR的配置，增大允许接收的消息体积：

builder.Services.AddServerSideBlazor()
    .AddHubOptions(options =>
    {
        // 按需设置，比如1MB，单位为字节
        options.MaximumReceiveMessageSize = 1024 * 1024;
    });

2. 优化数据存储策略 #

• 避免将大体积对象直接存在ProtectedSessionStorage，改用服务器端会话存储（比如ISession），数据直接存在服务器内存，无需在客户端和服务器间传输。
• 拆分大对象：只存储关键标识（比如购物车ID），其余数据从数据库或分布式缓存中按需加载，减少传输的数据量。

3. 修正GetNotNull方法逻辑 #

你的方法目前仅获取了结果，未完成反序列化和默认值返回，补充完整逻辑避免空引用问题：

public async Task<T> GetNotNull<T>(string key)
{
    ProtectedBrowserStorageResult<string> result = await protectedSessionStorage.GetAsync<string>(key);
    
    if (result.Success && !string.IsNullOrEmpty(result.Value))
    {
        return JsonSerializer.Deserialize<T>(result.Value);
    }
    
    // 返回T类型的默认实例，避免空值
    return Activator.CreateInstance<T>();
}

4. 优化组件加载体验 #

避免在OnInitializedAsync中同步等待大体积数据读取，增加加载状态提示：

@if (isLoading)
{
    <p>加载中...</p>
}
else
{
    <!-- 渲染购物车内容 -->
}

@code {
    private bool isLoading = true;
    private Warenkorb Warenkorb;

    protected override async Task OnInitializedAsync()
    {
        Warenkorb = await SessionStorageService.GetNotNull<Warenkorb>(SessionStorageKeys.WarenkorbKey);
        isLoading = false;
    }
}

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