Blazor 8交互式Server站点设置密码后如何实现用户自动登录？

针对你的Blazor 8交互式Server站点场景，无需大改现有页面，可通过动态创建隐藏表单并提交的方式绕开SignalR限制，完成用户创建后的自动登录，具体实现如下：

步骤1：在Blazor组件中添加JS交互逻辑 #

注入IJSRuntime，在用户创建成功的回调里调用JS方法触发登录：

[Inject]
private IJSRuntime JSRuntime { get; set; }

private async Task CompletePasswordSetup(string email, string password)
{
    // 执行现有创建用户的逻辑
    await CreateUserAccount(email, password);

    // 调用JS提交登录请求
    await JSRuntime.InvokeVoidAsync("submitLoginForm", email, password);
}

步骤2：添加全局JavaScript方法 #

在_Host.cshtml或全局JS文件中添加以下代码，动态生成并提交指向登录接口的隐藏表单：

window.submitLoginForm = function(email, password) {
    // 创建表单元素
    const loginForm = document.createElement('form');
    loginForm.method = 'POST';
    loginForm.action = '/Identity/Account/Login'; // 替换为你的实际登录接口路径

    // 添加邮箱字段
    const emailField = document.createElement('input');
    emailField.type = 'hidden';
    emailField.name = 'Input.Email';
    emailField.value = email;
    loginForm.appendChild(emailField);

    // 添加密码字段
    const passwordField = document.createElement('input');
    passwordField.type = 'hidden';
    passwordField.name = 'Input.Password';
    passwordField.value = password;
    loginForm.appendChild(passwordField);

    // 添加防伪造令牌（ASP.NET Core认证必需）
    const tokenField = document.createElement('input');
    tokenField.type = 'hidden';
    tokenField.name = '__RequestVerificationToken';
    tokenField.value = document.querySelector('input[name="__RequestVerificationToken"]').value;
    loginForm.appendChild(tokenField);

    // 提交表单并清理
    document.body.appendChild(loginForm);
    loginForm.submit();
    document.body.removeChild(loginForm);
}

步骤3：确保防伪造令牌存在 #

在_Host.cshtml的<body>标签内添加令牌生成代码，保证JS能获取到合法的验证令牌：

@Html.AntiForgeryToken()

方案优势 #

• 完全保留现有交互式页面的功能，无需重写为静态页或WASM
• 复用现有登录接口，无需额外开发REST API控制器
• 符合ASP.NET Core Cookie认证的标准流程，避免自定义逻辑的安全风险
• 代码改动极小，仅需添加少量交互代码

注意事项 #

• 确认登录接口的参数名称（如Input.Email）与你的登录页表单一致
• 若登录需要额外参数（如RememberMe），可在JS中添加对应的隐藏字段
• 测试时验证Cookie的写入逻辑，确保登录状态正常生效

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