Authentication Registration Page

Our authentication set up needs three pages, a register page, a signin page and a signout page.

Set Up the Model

Registration will be build around the following model. Add the model to your Models/ folder.

Models/Register.cs

No need to run a migration via Update Database as the table for this data was created in the last step.

In the pages/Secure folder, create a page called Register.cshtml. Do so via:

Add > Razor Page

This will create a .cshtml page and an associated .cshtml.cs page model file.

Edit the Page Model:

PAGE MODEL: Pages/Secure/Register.cshtml.cs

public class RegisterModel : PageModel
    {
        [BindProperty]
        public Register RegisterData { get; set; }

private readonly UserManager<AppIdentityUser> userManager;
        private readonly RoleManager<AppIdentityRole> roleManager;

public RegisterModel(UserManager<AppIdentityUser> userManager,
            RoleManager<AppIdentityRole> roleManager)
        {
            this.userManager = userManager;
            this.roleManager = roleManager;
        }

public void OnGet()
        {
        }

public async Task<IActionResult> OnPostAsync()
        {
            if (ModelState.IsValid)
            {
                if (!await roleManager.RoleExistsAsync("Manager"))
                {
                    AppIdentityRole role = new AppIdentityRole();
                    role.Name = "Manager";
                    role.Description = "Can perform CRUD operations.";
                    IdentityResult roleResult = await roleManager.
                    CreateAsync(role);
                }

AppIdentityUser user = new AppIdentityUser();
                user.UserName = RegisterData.UserName;
                user.Email = RegisterData.Email;
                user.FullName = RegisterData.FullName;
                user.BirthDate = RegisterData.BirthDate;

IdentityResult result = await userManager.CreateAsync
                (user, RegisterData.Password);

if (result.Succeeded)
                {
                    await userManager.AddToRoleAsync(user, "Manager");
                    return RedirectToPage("/Security/SignIn");
                }
                else
                {
                    ModelState.AddModelError("", "Invalid user details!");
                }
            }
            return Page();
        }

}

Notice that a role of manager is hard coded into this example.

Next edit the Page Pages/Secure/Register.cshtml

PAGE: ages/Secure/Register.cshtml

@page
    @model RegisterModel
    @{
    }

<h2>Create New User Account</h2>
    <form method="post">
     <table>
     <tr>
     <td><label asp-for="RegisterData.UserName"></label></td>
     <td><input type="text" asp-for="RegisterData.UserName" /></td>
     </tr>
     <tr>
     <td><label asp-for="RegisterData.Password"></label></td>
     <td><input type="password" asp-for="RegisterData.Password" /></td>
     </tr>
     <tr>
     <td><label asp-for="RegisterData.ConfirmPassword"></label></td>
     <td><input type="password" asp-for="RegisterData.ConfirmPassword" /></td>
     </tr>
     <tr>
     <td><label asp-for="RegisterData.Email"></label></td>
     <td><input type="text" asp-for="RegisterData.Email" /></td>
     </tr>
     <tr>
     <td><label asp-for="RegisterData.FullName"></label></td>
     <td><input type="text" asp-for="RegisterData.FullName" /></td>
     </tr>
     <tr>
     <td><label asp-for="RegisterData.BirthDate"></label></td>
     <td><input type="date" asp-for="RegisterData.BirthDate" /></td>
     </tr>
     <tr>
     <td colspan="2">
     <button type="submit">Create</button>
     </td>
     </tr>
     </table>
     <div asp-validation-summary="All" class="message"></div>

</form>

Note - this is controlled by a Cookie I think called .AspNetCore.Identity.Application. The Cookie controlling the Identity framework can be renamed in Startup.cs in the options for the ConfigureApplicationCookie using an option value of Cookie.Name