Как интерактивные компоненты получают параметр в проекте Blazor Static SSR?

Вы можете использовать функцию «Локальное хранилище браузера», чтобы сохранить личные данные для каждого пользователя. И удалите хранилище при выходе из системы. Но поскольку код SSR C# запускается только на сервере и не имеет доступа к локальному хранилищу браузера, вам необходимо использовать JavaScript. Использовать JavaScript для доступа к локальному хранилищу также очень просто. Вы можете попробовать следующий образец:
1.установите пакет Blazored.LocalStorage. Программа.cs

builder.Services.AddBlazoredLocalStorage();

2. Измените ChildInteractive, как показано ниже: (Я использовал номер счетчика в качестве идентификатора пользователя. Используйте «нажмите меня», чтобы обновить этот идентификатор в хранилище, и используйте «выход», чтобы сбросить идентификатор и очистить хранилище)

@rendermode @(new InteractiveServerRenderMode(prerender: false))
@inject Blazored.LocalStorage.ILocalStorageService localStorage
@inject   NavigationManager manager

<p role = "status">Child Current Id: @currentCount</p>
<button class = "btn btn-primary" @onclick = "IncrementCount">Click me</button>

<button class = "btn btn-primary" @onclick = "Clear">LogOut Clear</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
        localStorage.SetItemAsStringAsync("UserId",currentCount.ToString());
        manager.NavigateTo("/");
    }

    protected override async Task OnInitializedAsync()
    {

        var a = await localStorage.GetItemAsStringAsync("UserId");
        currentCount = (a != null) ? Int32.Parse(a) : 0;
    }

    private async Task Clear()
    {
        currentCount = 0;
        await localStorage.RemoveItemAsync("UserId");
        manager.NavigateTo("/");
    }
}

3. Измените Home.razor, как показано ниже: (Здесь мы используем BlaozrPageScript, он позволяет выполнять код js при навигации без принудительной перезагрузки https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript- совместимость/статический-сервер-рендеринг?view=aspnetcore-8.0)

@page "/"
@using BlazorPageScript
<PageScript Src = "./Components/Pages/Home.razor.js" />

<p >Parent UserId = <label id = "UserId">0</label></p>
<ChildInteractive></ChildInteractive>

4. Создайте Home.razor.js, как показано ниже:

export function onUpdate() {
    var id = localStorage.getItem("UserId");
    document.getElementById("UserId").innerHTML = id?id:0;
}

Затем вы обнаружите, что родительский элемент SSR и дочерний элемент InterActive используют одно и то же значение из localstorage и могут обновляться одновременно.

Кстати, официальный шаблон получает идентификацию с помощью PersistingRevalidatingAuthenticationStateProvider, который использует UserManager, реализующий cookie аутентификацию. Таким образом, хранилище браузера должно быть правильным направлением.