如何在单独的页面上分开用户名和电子邮件ASP.NET Core

如何解决如何在单独的页面上分开用户名和电子邮件ASP.NET Core

我是开始我的职业生涯的开发人员。

我的任务是使用ASP Identity和IdentityServer4创建身份验证服务器。

需要在2个不同的页面上创建我的登录页面（类似于Microsoft）。首先，用户将输入用户名。我将验证用户名到数据库或Active Directory。确认后，将在下一页上输入密码

我不知道该如何实施，我正在努力寻找有用的在线资源来帮助我解决问题。我正在寻求有关如何实施和解决此问题的帮助。

谢谢

解决方法

我怀疑您会在网上找到有关此事的任何建议，我认为您需要自行开发

首先，您需要修改 \ Quickstart \ Account \ AccountController 控件类及其相应的视图。

为安慰起见，您只需修改此类即可完成所追求的工作。

也许这个example可能会为您提供一些指导。

,

我不会太困难。使用2FA，您需要追加一个步骤，在这种情况下，您需要先登录一个步骤。请注意，我没有测试下面的代码，只是为了给您一个想法。

扩展LoginViewModel并指出当前步骤，例如StepNr。此值用于构建视图，您不必将其持久保存在表单中（作为隐藏字段）。

保留当前的登录方法，但更改视图（基于此StepNr的2或！2隐藏密码字段）：

[HttpGet]
public async Task<IActionResult> Login(string returnUrl)
{
    var vm = await BuildLoginViewModelAsync(returnUrl);
    // ...
    return View(vm);
}

将当前的登录方法复制到例如LoginStep2和拆分功能：

[HttpPost]
public async Task<IActionResult> Login(LoginViewModel model,string button)
{
    if (button != "login")
    {
        // ...
    }

    if (ModelState.IsValid)
    {
        var user = await _userManager.FindByNameAsync(model.Username);

        model.StepNr = 2;

        // This will show the same view but now hide the username field based on StepNr
        // Do not forget to persist the username (hidden field).
        if (user != null)
            return View("login",model);

        ModelState.AddModelError(nameof(model.Username),"Invalid username");
    }

    // something went wrong,show form with error
    return View(model);
}

并添加另一种方法来处理步骤2：

[HttpPost]
public async Task<IActionResult> LoginStep2(LoginViewModel model,string button)
{
    if (button != "login")
    {
        // ...
    }

    if (ModelState.IsValid)
    {
        // If the name has been altered somehow and is now invalid then you can redirect to step 1
        var user = await _userManager.FindByNameAsync(model.Username);
        if (user == null)
        {
            model.StepNr = 1;
            ModelState.AddModelError(nameof(model.Username),"Invalid username");
            return View(model);
        }

        // The user is valid
        var result = await _signInManager.PasswordSignInAsync(user,model.Password,model.RememberLogin,lockoutOnFailure: true);

        if (result.Succeeded)
        {
            // perform actual login
            // ...
        }

        if (result.RequiresTwoFactor)
        {
            // select provider
            // ...
        }

        if (result.IsLockedOut)
        {
            // show locked out page
            // ...
        }
    }

    // something went wrong,show form with error
    return View(model);
}

在“登录视图”中，确保为下一步设置正确的URL。对于StepNr != 2，请提交 Login ；对于StepNr == 2，请提交 LoginStep2 。