Nota
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare ad accedere o modificare le directory.
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare a modificare le directory.
Questo articolo illustra come:
- Aggiungere dati utente personalizzati a un'app Web ASP.NET Core.
- Contrassegnare il modello di dati utente personalizzato con l'attributo PersonalDataAttribute in modo che sia automaticamente disponibile per il download e l'eliminazione. Rendere i dati in grado di essere scaricati ed eliminati consente di soddisfare i requisiti del GDPR .
L'esempio di progetto viene creato da un'app Web Razor Pages, ma le istruzioni sono simili per un'app Web MVC ASP.NET Core.
Prerequisites
Visualizzare o scaricare il codice di esempio (come scaricare)
Creare un'app Razor Web
Creare un nuovo progetto per un'app Razor Web.
- Visual Studio
- interfaccia della riga di comando .NET
In Visual Studio selezionare File>Nuovo>Progetto.
Immettere un nome per il progetto. Se si desidera che il nome corrisponda al namespace del codice di esempio scaricabile, immettere WebApp1.
Selezionare ASP.NET Core Applicazione Web e quindi selezionare OK.
Nell'elenco a discesa Tipo di autenticazione selezionare Account singoli.
Selezionare Applicazione Web e quindi OK.
Compilare ed eseguire il progetto.
Eseguire lo Identity scaffolder
Creare ed eseguire lo Identity scaffolder.
- Visual Studio
- interfaccia della riga di comando .NET
In Visual Studio Esplora soluzioni fare clic con il pulsante destro del mouse sul progetto e scegliere Add>New Scaffolded Item.
Nel riquadro sinistro della finestra di dialogo Aggiungi scaffolding seleziona Identity>Aggiungi.
Nella finestra di dialogo Aggiungi Identity configurare le opzioni seguenti:
Selezionare il file di layout esistente , ~/Pages/Shared/_Layout.cshtml.
Selezionare i file di pagina seguenti per eseguire l'override:
- Account/Register
- Account/Manage/Index
Selezionare l'icona con il segno più (+) e creare una nuova classe contesto dati. Accettare il tipo , ad esempio WebApp1.Models.WebApp1Context se il progetto è denominato WebApp1.
Selezionare l'icona con il segno più (+) e creare una nuova classe User. Accettare il tipo (ad esempio , WebApp1User se il progetto è denominato WebApp1) e selezionare Aggiungi.
Per completare l'operazione, selezionare Aggiungi.
Creare una migrazione e controllare l'app
Dopo aver preparato il scaffolder Identity, create una migrazione e verificate l'app. Per i passaggi seguenti, vedere le istruzioni dettagliate in Migrazioni, UseAuthentication e layout.
Creare una migrazione e aggiornare il database.
Aggiungere il
UseAuthenticationmetodo al file Program.cs .Aggiungere il parziale
<partial name="_LoginPartial" />al file di layout. Per altre informazioni, vedere Modifiche al layout.Controllare l'app:
Registrare un utente.
Selezionare il nuovo nome utente accanto al collegamento Disconnessione . Potrebbe essere necessario espandere la finestra o selezionare l'icona della barra di spostamento per visualizzare il nome utente e altri collegamenti.
Selezionare la scheda Dati personali .
Selezionare Scarica ed esaminare il file PersonalData.json.
Selezionare Elimina e confermare che è possibile eliminare l'utente connesso.
Aggiungere dati utente personalizzati al Identity database
È necessario aggiornare la IdentityUser classe derivata con proprietà personalizzate. Se è stato denominato il progetto WebApp1, il file corrispondente da aggiornare è Areas/Identity/Data/WebApp1User.cs. Aggiornare il file con il codice seguente:
using Microsoft.AspNetCore.Identity;
namespace WebApp1.Areas.Identity.Data;
public class WebApp1User : IdentityUser
{
[PersonalData]
public string? Name { get; set; }
[PersonalData]
public DateTime DOB { get; set; }
}
Le proprietà con l'attributo PersonalDataAttribute sono:
- Eliminato quando la
Areas/Identity/Pages/Account/Manage/DeletePersonalData.cshtmlRazor pagina chiamaUserManager.Delete. - Inclusi nei dati scaricati dalla
Areas/Identity/Pages/Account/Manage/DownloadPersonalData.cshtmlRazor pagina.
Aggiornare il file di pagina "Account/Manage/Index.cshtml"
Nel file Areas//IdentityPages/Account/Manage/Index.cshtml.cs aggiornare la definizione della
InputModelclasse con il codice evidenziato seguente:public class IndexModel : PageModel { private readonly UserManager<WebApp1User> _userManager; private readonly SignInManager<WebApp1User> _signInManager; public IndexModel( UserManager<WebApp1User> userManager, SignInManager<WebApp1User> signInManager) { _userManager = userManager; _signInManager = signInManager; } /// <summary> /// This API supports the ASP.NET Core Identity default UI infrastructure and is not intended to be used /// directly from your code. This API may change or be removed in future releases. /// </summary> public string Username { get; set; } // Remaining API warnings ommited. [TempData] public string StatusMessage { get; set; } [BindProperty] public InputModel Input { get; set; } public class InputModel { [Required] [DataType(DataType.Text)] [Display(Name = "Full name")] public string Name { get; set; } [Required] [Display(Name = "Birth Date")] [DataType(DataType.Date)] public DateTime DOB { get; set; } [Phone] [Display(Name = "Phone number")] public string PhoneNumber { get; set; } } private async Task LoadAsync(WebApp1User user) { var userName = await _userManager.GetUserNameAsync(user); var phoneNumber = await _userManager.GetPhoneNumberAsync(user); Username = userName; Input = new InputModel { Name = user.Name, DOB = user.DOB, PhoneNumber = phoneNumber }; } public async Task<IActionResult> OnGetAsync() { var user = await _userManager.GetUserAsync(User); if (user == null) { return NotFound($"Unable to load user with ID '{_userManager.GetUserId(User)}'."); } await LoadAsync(user); return Page(); } public async Task<IActionResult> OnPostAsync() { var user = await _userManager.GetUserAsync(User); if (user == null) { return NotFound($"Unable to load user with ID '{_userManager.GetUserId(User)}'."); } if (!ModelState.IsValid) { await LoadAsync(user); return Page(); } var phoneNumber = await _userManager.GetPhoneNumberAsync(user); if (Input.PhoneNumber != phoneNumber) { var setPhoneResult = await _userManager.SetPhoneNumberAsync(user, Input.PhoneNumber); if (!setPhoneResult.Succeeded) { StatusMessage = "Unexpected error when trying to set phone number."; return RedirectToPage(); } } if (Input.Name != user.Name) { user.Name = Input.Name; } if (Input.DOB != user.DOB) { user.DOB = Input.DOB; } await _userManager.UpdateAsync(user); await _signInManager.RefreshSignInAsync(user); StatusMessage = "Your profile has been updated"; return RedirectToPage(); } }Nello stesso file aggiornare le sezioni indicate
form-floatingcome illustrato nel markup evidenziato seguente:@page @model IndexModel @{ ViewData["Title"] = "Profile"; ViewData["ActivePage"] = ManageNavPages.Index; } <h3>@ViewData["Title"]</h3> <partial name="_StatusMessage" for="StatusMessage" /> <div class="row"> <div class="col-md-6"> <form id="profile-form" method="post"> <div asp-validation-summary="ModelOnly" class="text-danger"></div> <div class="form-floating"> <input asp-for="Username" class="form-control" disabled /> <label asp-for="Username" class="form-label"></label> </div> <div class="form-floating"> <input asp-for="Input.Name" class="form-control" /> <label asp-for="Input.Name" class="form-label"></label> </div> <div class="form-floating"> <input asp-for="Input.DOB" class="form-control" /> <label asp-for="Input.DOB" class="form-label"></label> </div> <div class="form-floating"> <input asp-for="Input.PhoneNumber" class="form-control" /> <label asp-for="Input.PhoneNumber" class="form-label"></label> <span asp-validation-for="Input.PhoneNumber" class="text-danger"></span> </div> <button id="update-profile-button" type="submit" class="w-100 btn btn-lg btn-primary">Save</button> </form> </div> </div> @section Scripts { <partial name="_ValidationScriptsPartial" /> }
Aggiornare il file di pagina "Account/Register.cshtml"
Nel file Areas//IdentityPages/Account/Register.cshtml.cs aggiornare la definizione della
InputModelclasse con il codice evidenziato seguente:public class RegisterModel : PageModel { private readonly SignInManager<WebApp1User> _signInManager; private readonly UserManager<WebApp1User> _userManager; private readonly IUserStore<WebApp1User> _userStore; private readonly IUserEmailStore<WebApp1User> _emailStore; private readonly ILogger<RegisterModel> _logger; private readonly IEmailSender _emailSender; public RegisterModel( UserManager<WebApp1User> userManager, IUserStore<WebApp1User> userStore, SignInManager<WebApp1User> signInManager, ILogger<RegisterModel> logger, IEmailSender emailSender) { _userManager = userManager; _userStore = userStore; _emailStore = GetEmailStore(); _signInManager = signInManager; _logger = logger; _emailSender = emailSender; } /// <summary> /// This API supports the ASP.NET Core Identity default UI infrastructure and is not intended to be used /// directly from your code. This API may change or be removed in future releases. /// </summary> [BindProperty] public InputModel Input { get; set; } // Remaining API warnings ommited. public string ReturnUrl { get; set; } public IList<AuthenticationScheme> ExternalLogins { get; set; } public class InputModel { [Required] [DataType(DataType.Text)] [Display(Name = "Full name")] public string Name { get; set; } [Required] [Display(Name = "Birth Date")] [DataType(DataType.Date)] public DateTime DOB { get; set; } [Required] [EmailAddress] [Display(Name = "Email")] public string Email { get; set; } [Required] [StringLength(100, ErrorMessage = "The {0} must be at least {2} and at max {1} characters long.", MinimumLength = 6)] [DataType(DataType.Password)] [Display(Name = "Password")] public string Password { get; set; } [DataType(DataType.Password)] [Display(Name = "Confirm password")] [Compare("Password", ErrorMessage = "The password and confirmation password do not match.")] public string ConfirmPassword { get; set; } } public async Task OnGetAsync(string returnUrl = null) { ReturnUrl = returnUrl; ExternalLogins = (await _signInManager.GetExternalAuthenticationSchemesAsync()).ToList(); } public async Task<IActionResult> OnPostAsync(string returnUrl = null) { returnUrl ??= Url.Content("~/"); ExternalLogins = (await _signInManager.GetExternalAuthenticationSchemesAsync()).ToList(); if (ModelState.IsValid) { var user = CreateUser(); user.Name = Input.Name; user.DOB = Input.DOB; await _userStore.SetUserNameAsync(user, Input.Email, CancellationToken.None); await _emailStore.SetEmailAsync(user, Input.Email, CancellationToken.None); var result = await _userManager.CreateAsync(user, Input.Password); if (result.Succeeded) { _logger.LogInformation("User created a new account with password."); var userId = await _userManager.GetUserIdAsync(user); var code = await _userManager.GenerateEmailConfirmationTokenAsync(user); code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code)); var callbackUrl = Url.Page( "/Account/ConfirmEmail", pageHandler: null, values: new { area = "Identity", userId = userId, code = code, returnUrl = returnUrl }, protocol: Request.Scheme); await _emailSender.SendEmailAsync(Input.Email, "Confirm your email", $"Please confirm your account by <a href='{HtmlEncoder.Default.Encode(callbackUrl)}'>clicking here</a>."); if (_userManager.Options.SignIn.RequireConfirmedAccount) { return RedirectToPage("RegisterConfirmation", new { email = Input.Email, returnUrl = returnUrl }); } else { await _signInManager.SignInAsync(user, isPersistent: false); return LocalRedirect(returnUrl); } } foreach (var error in result.Errors) { ModelState.AddModelError(string.Empty, error.Description); } } // If we got this far, something failed, redisplay form return Page(); } private WebApp1User CreateUser() { try { return Activator.CreateInstance<WebApp1User>(); } catch { throw new InvalidOperationException($"Can't create an instance of '{nameof(WebApp1User)}'. " + $"Ensure that '{nameof(WebApp1User)}' is not an abstract class and has a parameterless constructor, or alternatively " + $"override the register page in /Areas/Identity/Pages/Account/Register.cshtml"); } } private IUserEmailStore<WebApp1User> GetEmailStore() { if (!_userManager.SupportsUserEmail) { throw new NotSupportedException("The default UI requires a user store with email support."); } return (IUserEmailStore<WebApp1User>)_userStore; } } }Nello stesso file aggiornare le sezioni indicate
form-floatingcome illustrato nel markup evidenziato seguente:@page @model RegisterModel @{ ViewData["Title"] = "Register"; } <h1>@ViewData["Title"]</h1> <div class="row"> <div class="col-md-4"> <form id="registerForm" asp-route-returnUrl="@Model.ReturnUrl" method="post"> <h2>Create a new account.</h2> <hr /> <div asp-validation-summary="ModelOnly" class="text-danger"></div> <div class="form-floating"> <input asp-for="Input.Name" class="form-control" /> <label asp-for="Input.Name"></label> <span asp-validation-for="Input.Name" class="text-danger"></span> </div> <div class="form-floating"> <input asp-for="Input.DOB" class="form-control" /> <label asp-for="Input.DOB"></label> <span asp-validation-for="Input.DOB" class="text-danger"></span> </div> <div class="form-floating"> <input asp-for="Input.Email" class="form-control" autocomplete="username" aria-required="true" /> <label asp-for="Input.Email"></label> <span asp-validation-for="Input.Email" class="text-danger"></span> </div> <div class="form-floating"> <input asp-for="Input.Password" class="form-control" autocomplete="new-password" aria-required="true" /> <label asp-for="Input.Password"></label> <span asp-validation-for="Input.Password" class="text-danger"></span> </div> <div class="form-floating"> <input asp-for="Input.ConfirmPassword" class="form-control" autocomplete="new-password" aria-required="true" /> <label asp-for="Input.ConfirmPassword"></label> <span asp-validation-for="Input.ConfirmPassword" class="text-danger"></span> </div> <button id="registerSubmit" type="submit" class="w-100 btn btn-lg btn-primary">Register</button> </form> </div> <div class="col-md-6 col-md-offset-2"> <section> <h3>Use another service to register.</h3> <hr /> @{ if ((Model.ExternalLogins?.Count ?? 0) == 0) { <div> <p> There are no external authentication services configured. See this <a href="https://go.microsoft.com/fwlink/?LinkID=532715">article about setting up this ASP.NET application to support logging in via external services</a>. </p> </div> } else { <form id="external-account" asp-page="./ExternalLogin" asp-route-returnUrl="@Model.ReturnUrl" method="post" class="form-horizontal"> <div> <p> @foreach (var provider in Model.ExternalLogins!) { <button type="submit" class="btn btn-primary" name="provider" value="@provider.Name" title="Log in using your @provider.DisplayName account">@provider.DisplayName</button> } </p> </div> </form> } } </section> </div> </div> @section Scripts { <partial name="_ValidationScriptsPartial" /> }Costruisci il progetto.
Aggiornare il layout
Aggiungere i collegamenti di accesso e disconnessione a ogni pagina dell'app web. Per istruzioni dettagliate, vedere Modifiche al layout.
Aggiungere una migrazione per i dati utente personalizzati
Aggiungere dati per un utente personalizzato al database.
- Visual Studio
- interfaccia della riga di comando .NET
Eseguire i comandi seguenti nella console Visual Studio Gestione pacchetti:
Add-Migration CustomUserData
Update-Database
Testare l'app con dati utente personalizzati (creare, visualizzare, scaricare, eliminare)
Testare l'app Web aggiungendo un nuovo utente con dati personalizzati:
Registrare un nuovo utente.
Visualizzare i dati utente personalizzati nella
/Identity/Account/Managepagina.Scaricare e visualizzare i dati personali dell'utente dalla
/Identity/Account/Manage/PersonalDatapagina.Selezionare Elimina e confermare che è possibile eliminare i dati utente personalizzati.
Creare un'app Razor Web
- Visual Studio
- interfaccia della riga di comando .NET
- Dal menu Visual Studio File selezionare New>Project. Denominare il progetto WebApp1 se si vuole che corrisponda allo spazio dei nomi del codice di esempio scaricato.
- Selezionare ASP.NET Core Applicazione Web>OK
- Nella sezione Autenticazione selezionare Account utente singoli.
- Selezionare Web Application>OK
- Compilare ed eseguire il progetto.
Eseguire lo Identity scaffolder
- Visual Studio
- interfaccia della riga di comando .NET
- Da Esplora soluzioni fare clic con il pulsante destro del mouse sul progetto >Aggiungi>Nuovo elemento con scaffolding.
- Nel riquadro sinistro della finestra di dialogo Aggiungi scaffolding, selezionare Identity>Aggiungi.
- Nella finestra di dialogo Aggiungi Identity sono disponibili le opzioni seguenti:
- Selezionare il file di layout esistente
~/Pages/Shared/_Layout.cshtml - Selezionare i file seguenti per eseguire l'override:
- Account/Register
- Account/Manage/Index
- Selezionare il + pulsante per creare una nuova classe contesto dati. Accettare il tipo (WebApp1.Models.WebApp1Context se il progetto è denominato WebApp1).
- Selezionare il + pulsante per creare una nuova classe User. Accettare il tipo (WebApp1User se il progetto è denominato WebApp1) >Aggiungi.
- Selezionare il file di layout esistente
- Seleziona Aggiungi.
Seguire le istruzioni riportate in Migrazioni, UseAuthentication e layout per eseguire la procedura seguente:
- Creare una migrazione e aggiornare il database.
- Aggiungi
UseAuthenticationaStartup.Configure. - Aggiungere
<partial name="_LoginPartial" />al file di layout. - Testare l'app:
- Registrare un utente
- Selezionare il nuovo nome utente accanto al collegamento Disconnessione . Potrebbe essere necessario espandere la finestra o selezionare l'icona della barra di spostamento per visualizzare il nome utente e altri collegamenti.
- Selezionare la scheda Dati personali .
- Selezionare il pulsante Scarica ed esaminare il
PersonalData.jsonfile. - Testare il pulsante Elimina , che elimina l'utente connesso.
Aggiungere dati utente personalizzati al Identity database
Aggiornare la IdentityUser classe derivata con proprietà personalizzate. Se hai nominato il progetto WebApp1, il file è denominato Areas/Identity/Data/WebApp1User.cs.
Aggiornare il file con il codice seguente:
using System;
using Microsoft.AspNetCore.Identity;
namespace WebApp1.Areas.Identity.Data
{
public class WebApp1User : IdentityUser
{
[PersonalData]
public string Name { get; set; }
[PersonalData]
public DateTime DOB { get; set; }
}
}
Le proprietà con l'attributo PersonalData sono:
- Eliminato quando la
Areas/Identity/Pages/Account/Manage/DeletePersonalData.cshtmlRazor pagina chiamaUserManager.Delete. - Inclusi nei dati scaricati dalla
Areas/Identity/Pages/Account/Manage/DownloadPersonalData.cshtmlRazor pagina.
Aggiornare la pagina Account/Manage/Index.cshtml
Aggiorna InputModel in Areas/Identity/Pages/Account/Manage/Index.cshtml.cs con il seguente codice evidenziato:
public partial class IndexModel : PageModel
{
private readonly UserManager<WebApp1User> _userManager;
private readonly SignInManager<WebApp1User> _signInManager;
public IndexModel(
UserManager<WebApp1User> userManager,
SignInManager<WebApp1User> signInManager)
{
_userManager = userManager;
_signInManager = signInManager;
}
public string Username { get; set; }
[TempData]
public string StatusMessage { get; set; }
[BindProperty]
public InputModel Input { get; set; }
public class InputModel
{
[Required]
[DataType(DataType.Text)]
[Display(Name = "Full name")]
public string Name { get; set; }
[Required]
[Display(Name = "Birth Date")]
[DataType(DataType.Date)]
public DateTime DOB { get; set; }
[Phone]
[Display(Name = "Phone number")]
public string PhoneNumber { get; set; }
}
private async Task LoadAsync(WebApp1User user)
{
var userName = await _userManager.GetUserNameAsync(user);
var phoneNumber = await _userManager.GetPhoneNumberAsync(user);
Username = userName;
Input = new InputModel
{
Name = user.Name,
DOB = user.DOB,
PhoneNumber = phoneNumber
};
}
public async Task<IActionResult> OnGetAsync()
{
var user = await _userManager.GetUserAsync(User);
if (user == null)
{
return NotFound(
$"Unable to load user with ID '{_userManager.GetUserId(User)}'.");
}
await LoadAsync(user);
return Page();
}
public async Task<IActionResult> OnPostAsync()
{
var user = await _userManager.GetUserAsync(User);
if (user == null)
{
return NotFound(
$"Unable to load user with ID '{_userManager.GetUserId(User)}'.");
}
if (!ModelState.IsValid)
{
await LoadAsync(user);
return Page();
}
var phoneNumber = await _userManager.GetPhoneNumberAsync(user);
if (Input.PhoneNumber != phoneNumber)
{
var setPhoneResult = await _userManager.SetPhoneNumberAsync(user,
Input.PhoneNumber);
if (!setPhoneResult.Succeeded)
{
var userId = await _userManager.GetUserIdAsync(user);
throw new InvalidOperationException(
$"Unexpected error occurred setting phone number for user with ID '{userId}'.");
}
}
if (Input.Name != user.Name)
{
user.Name = Input.Name;
}
if (Input.DOB != user.DOB)
{
user.DOB = Input.DOB;
}
await _userManager.UpdateAsync(user);
await _signInManager.RefreshSignInAsync(user);
StatusMessage = "Your profile has been updated";
return RedirectToPage();
}
}
Aggiorna il Areas/Identity/Pages/Account/Manage/Index.cshtml con il seguente markup evidenziato:
@page
@model IndexModel
@{
ViewData["Title"] = "Profile";
ViewData["ActivePage"] = ManageNavPages.Index;
}
<h4>@ViewData["Title"]</h4>
<partial name="_StatusMessage" model="Model.StatusMessage" />
<div class="row">
<div class="col-md-6">
<form id="profile-form" method="post">
<div asp-validation-summary="All" class="text-danger"></div>
<div class="form-group">
<label asp-for="Username"></label>
<input asp-for="Username" class="form-control" disabled />
</div>
<div class="form-group">
<label asp-for="Input.Name"></label>
<input asp-for="Input.Name" class="form-control" />
</div>
<div class="form-group">
<label asp-for="Input.DOB"></label>
<input asp-for="Input.DOB" class="form-control" />
</div>
<div class="form-group">
<label asp-for="Input.PhoneNumber"></label>
<input asp-for="Input.PhoneNumber" class="form-control" />
<span asp-validation-for="Input.PhoneNumber"
class="text-danger"></span>
</div>
<button id="update-profile-button" type="submit"
class="btn btn-primary">Save</button>
</form>
</div>
</div>
@section Scripts {
<partial name="_ValidationScriptsPartial" />
}
Aggiornare la pagina Account/Register.cshtml
Aggiorna InputModel in Areas/Identity/Pages/Account/Register.cshtml.cs con il seguente codice evidenziato:
[AllowAnonymous]
public class RegisterModel : PageModel
{
private readonly SignInManager<WebApp1User> _signInManager;
private readonly UserManager<WebApp1User> _userManager;
private readonly ILogger<RegisterModel> _logger;
private readonly IEmailSender _emailSender;
public RegisterModel(
UserManager<WebApp1User> userManager,
SignInManager<WebApp1User> signInManager,
ILogger<RegisterModel> logger,
IEmailSender emailSender)
{
_userManager = userManager;
_signInManager = signInManager;
_logger = logger;
_emailSender = emailSender;
}
[BindProperty]
public InputModel Input { get; set; }
public string ReturnUrl { get; set; }
public IList<AuthenticationScheme> ExternalLogins { get; set; }
public class InputModel
{
[Required]
[DataType(DataType.Text)]
[Display(Name = "Full name")]
public string Name { get; set; }
[Required]
[Display(Name = "Birth Date")]
[DataType(DataType.Date)]
public DateTime DOB { get; set; }
[Required]
[EmailAddress]
[Display(Name = "Email")]
public string Email { get; set; }
[Required]
[StringLength(100, ErrorMessage = "The {0} must be at least {2} and at max {1} characters long.", MinimumLength = 6)]
[DataType(DataType.Password)]
[Display(Name = "Password")]
public string Password { get; set; }
[DataType(DataType.Password)]
[Display(Name = "Confirm password")]
[Compare("Password", ErrorMessage = "The password and confirmation password do not match.")]
public string ConfirmPassword { get; set; }
}
public async Task OnGetAsync(string returnUrl = null)
{
ReturnUrl = returnUrl;
ExternalLogins = (await _signInManager.GetExternalAuthenticationSchemesAsync()).ToList();
}
public async Task<IActionResult> OnPostAsync(string returnUrl = null)
{
returnUrl = returnUrl ?? Url.Content("~/");
ExternalLogins = (await _signInManager.GetExternalAuthenticationSchemesAsync()).ToList();
if (ModelState.IsValid)
{
var user = new WebApp1User {
Name = Input.Name,
DOB = Input.DOB,
UserName = Input.Email,
Email = Input.Email
};
var result = await _userManager.CreateAsync(user, Input.Password);
if (result.Succeeded)
{
_logger.LogInformation("User created a new account with password.");
var code = await _userManager.GenerateEmailConfirmationTokenAsync(user);
code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));
var callbackUrl = Url.Page(
"/Account/ConfirmEmail",
pageHandler: null,
values: new { area = "Identity", userId = user.Id, code = code },
protocol: Request.Scheme);
await _emailSender.SendEmailAsync(Input.Email,
"Confirm your email",
$"Please confirm your account by <a href='{HtmlEncoder.Default.Encode(callbackUrl)}'>clicking here</a>.");
if (_userManager.Options.SignIn.RequireConfirmedAccount)
{
return RedirectToPage("RegisterConfirmation", new { email = Input.Email });
}
else
{
await _signInManager.SignInAsync(user, isPersistent: false);
return LocalRedirect(returnUrl);
}
}
foreach (var error in result.Errors)
{
ModelState.AddModelError(string.Empty, error.Description);
}
}
// If we got this far, something failed, redisplay form
return Page();
}
}
Aggiorna il Areas/Identity/Pages/Account/Register.cshtml con il seguente markup evidenziato:
@page
@model RegisterModel
@{
ViewData["Title"] = "Register";
}
<h1>@ViewData["Title"]</h1>
<div class="row">
<div class="col-md-4">
<form asp-route-returnUrl="@Model.ReturnUrl" method="post">
<h4>Create a new account.</h4>
<hr />
<div asp-validation-summary="All" class="text-danger"></div>
<div class="form-group">
<label asp-for="Input.Name"></label>
<input asp-for="Input.Name" class="form-control" />
<span asp-validation-for="Input.Name" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Input.DOB"></label>
<input asp-for="Input.DOB" class="form-control" />
<span asp-validation-for="Input.DOB" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Input.Email"></label>
<input asp-for="Input.Email" class="form-control" />
<span asp-validation-for="Input.Email" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Input.Password"></label>
<input asp-for="Input.Password" class="form-control" />
<span asp-validation-for="Input.Password" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Input.ConfirmPassword"></label>
<input asp-for="Input.ConfirmPassword" class="form-control" />
<span asp-validation-for="Input.ConfirmPassword" class="text-danger"></span>
</div>
<button type="submit" class="btn btn-primary">Register</button>
</form>
</div>
<div class="col-md-6 col-md-offset-2">
<section>
<h4>Use another service to register.</h4>
<hr />
@{
if ((Model.ExternalLogins?.Count ?? 0) == 0)
{
<div>
<p>
There are no external authentication services configured. See
<a href="https://go.microsoft.com/fwlink/?LinkID=532715">this article</a>
for details on setting up this ASP.NET application to support
logging in via external services.
</p>
</div>
}
else
{
<form id="external-account" asp-page="./ExternalLogin"
asp-route-returnUrl="@Model.ReturnUrl" method="post"
class="form-horizontal">
<div>
<p>
@foreach (var provider in Model.ExternalLogins)
{
<button type="submit" class="btn btn-primary" name="provider"
value="@provider.Name"
title="Log in using your @provider.DisplayName account">
@provider.DisplayName</button>
}
</p>
</div>
</form>
}
}
</section>
</div>
</div>
@section Scripts {
<partial name="_ValidationScriptsPartial" />
}
Costruisci il progetto.
Aggiungere una migrazione per i dati utente personalizzati
- Visual Studio
- interfaccia della riga di comando .NET
Nella Console di Gestione Pacchetti di Visual Studio:
Add-Migration CustomUserData
Update-Database
Testare la creazione, visualizzazione, scaricamento, eliminazione di dati utente personalizzati
Eseguire il test dell'app:
- Registrare un nuovo utente.
- Visualizzare i dati utente personalizzati nella
/Identity/Account/Managepagina. - Scaricare e visualizzare i dati personali degli utenti dalla
/Identity/Account/Manage/PersonalDatapagina.
Aggiungere attestazioni a Identity usando IUserClaimsPrincipalFactory<ApplicationUser>
Note
Questa sezione non è un'estensione dell'esercitazione precedente. Per applicare i passaggi seguenti all'app compilata usando l'esercitazione, vedere questo problema di GitHub.
È possibile aggiungere attestazioni aggiuntive a ASP.NET Core Identity usando l'interfaccia IUserClaimsPrincipalFactory<T>. Questa classe può essere aggiunta all'app nel Startup.ConfigureServices metodo . Aggiungere l'implementazione personalizzata della classe come indicato di seguito:
public void ConfigureServices(IServiceCollection services)
{
services.AddIdentity<ApplicationUser, IdentityRole>()
.AddEntityFrameworkStores<ApplicationDbContext>()
.AddDefaultTokenProviders();
services.AddScoped<IUserClaimsPrincipalFactory<ApplicationUser>,
AdditionalUserClaimsPrincipalFactory>();
Il codice demo usa la ApplicationUser classe . Questa classe aggiunge una proprietà IsAdmin utilizzata per fornire un'ulteriore attestazione.
public class ApplicationUser : IdentityUser
{
public bool IsAdmin { get; set; }
}
AdditionalUserClaimsPrincipalFactory Implementa l'interfaccia UserClaimsPrincipalFactory . Viene aggiunta una nuova attestazione di ruolo a ClaimsPrincipal.
public class AdditionalUserClaimsPrincipalFactory
: UserClaimsPrincipalFactory<ApplicationUser, IdentityRole>
{
public AdditionalUserClaimsPrincipalFactory(
UserManager<ApplicationUser> userManager,
RoleManager<IdentityRole> roleManager,
IOptions<IdentityOptions> optionsAccessor)
: base(userManager, roleManager, optionsAccessor)
{}
public async override Task<ClaimsPrincipal> CreateAsync(ApplicationUser user)
{
var principal = await base.CreateAsync(user);
var identity = (ClaimsIdentity)principal.Identity;
var claims = new List<Claim>();
if (user.IsAdmin)
{
claims.Add(new Claim(JwtClaimTypes.Role, "admin"));
}
else
{
claims.Add(new Claim(JwtClaimTypes.Role, "user"));
}
identity.AddClaims(claims);
return principal;
}
}
La dichiarazione aggiuntiva può quindi essere utilizzata nell'app. In una pagina Razor, è possibile usare l'istanza IAuthorizationService per accedere al valore del claim.
@using Microsoft.AspNetCore.Authorization
@inject IAuthorizationService AuthorizationService
@if ((await AuthorizationService.AuthorizeAsync(User, "IsAdmin")).Succeeded)
{
<ul class="mr-auto navbar-nav">
<li class="nav-item">
<a class="nav-link" asp-controller="Admin" asp-action="Index">ADMIN</a>
</li>
</ul>
}
.NET Core 2.2 o versione successiva dell'SDK
Creare un'app Razor Web
- Visual Studio
- interfaccia della riga di comando .NET
- Dal menu Visual Studio File selezionare New>Project. Denominare il progetto WebApp1 se si vuole che corrisponda allo spazio dei nomi del codice di esempio scaricato.
- Selezionare ASP.NET Core Applicazione Web>OK
- Selezionare ASP.NET Core 2.2 nell'elenco a discesa
- Nella sezione Autenticazione selezionare Account utente singoli.
- Selezionare Web Application>OK
- Compilare ed eseguire il progetto.
Eseguire lo Identity scaffolder
- Visual Studio
- interfaccia della riga di comando .NET
- Da Esplora soluzioni fare clic con il pulsante destro del mouse sul progetto >Aggiungi>Nuovo elemento con scaffolding.
- Nel riquadro sinistro della finestra di dialogo Aggiungi scaffolding, selezionare Identity>Aggiungi.
- Nella finestra di dialogo Aggiungi Identity sono disponibili le opzioni seguenti:
- Selezionare il file di layout esistente
~/Pages/Shared/_Layout.cshtml - Selezionare i file seguenti per eseguire l'override:
- Account/Register
- Account/Manage/Index
- Selezionare il + pulsante per creare una nuova classe contesto dati. Accettare il tipo (WebApp1.Models.WebApp1Context se il progetto è denominato WebApp1).
- Selezionare il + pulsante per creare una nuova classe User. Accettare il tipo (WebApp1User se il progetto è denominato WebApp1) >Aggiungi.
- Selezionare il file di layout esistente
- Seleziona Aggiungi.
Seguire le istruzioni riportate in Migrazioni, UseAuthentication e layout per eseguire la procedura seguente:
- Creare una migrazione e aggiornare il database.
- Aggiungi
UseAuthenticationaStartup.Configure. - Aggiungere
<partial name="_LoginPartial" />al file di layout. - Testare l'app:
- Registrare un utente
- Selezionare il nuovo nome utente accanto al collegamento Disconnessione . Potrebbe essere necessario espandere la finestra o selezionare l'icona della barra di spostamento per visualizzare il nome utente e altri collegamenti.
- Selezionare la scheda Dati personali .
- Selezionare il pulsante Scarica ed esaminare il
PersonalData.jsonfile. - Testare il pulsante Elimina , che elimina l'utente connesso.
Aggiungere dati utente personalizzati al Identity database
Aggiornare la IdentityUser classe derivata con proprietà personalizzate. Se hai nominato il progetto WebApp1, il file è denominato Areas/Identity/Data/WebApp1User.cs. Aggiornare il file con il codice seguente:
using Microsoft.AspNetCore.Identity;
using System;
namespace WebApp1.Areas.Identity.Data
{
public class WebApp1User : IdentityUser
{
[PersonalData]
public string Name { get; set; }
[PersonalData]
public DateTime DOB { get; set; }
}
}
Le proprietà con l'attributo PersonalData sono:
- Eliminato quando la
Areas/Identity/Pages/Account/Manage/DeletePersonalData.cshtmlRazor pagina chiamaUserManager.Delete. - Inclusi nei dati scaricati dalla
Areas/Identity/Pages/Account/Manage/DownloadPersonalData.cshtmlRazor pagina.
Aggiornare la pagina Account/Manage/Index.cshtml
Aggiorna InputModel in Areas/Identity/Pages/Account/Manage/Index.cshtml.cs con il seguente codice evidenziato:
public partial class IndexModel : PageModel
{
private readonly UserManager<WebApp1User> _userManager;
private readonly SignInManager<WebApp1User> _signInManager;
private readonly IEmailSender _emailSender;
public IndexModel(
UserManager<WebApp1User> userManager,
SignInManager<WebApp1User> signInManager,
IEmailSender emailSender)
{
_userManager = userManager;
_signInManager = signInManager;
_emailSender = emailSender;
}
public string Username { get; set; }
public bool IsEmailConfirmed { get; set; }
[TempData]
public string StatusMessage { get; set; }
[BindProperty]
public InputModel Input { get; set; }
public class InputModel
{
[Required]
[DataType(DataType.Text)]
[Display(Name = "Full name")]
public string Name { get; set; }
[Required]
[Display(Name = "Birth Date")]
[DataType(DataType.Date)]
public DateTime DOB { get; set; }
[Required]
[EmailAddress]
public string Email { get; set; }
[Phone]
[Display(Name = "Phone number")]
public string PhoneNumber { get; set; }
}
public async Task<IActionResult> OnGetAsync()
{
var user = await _userManager.GetUserAsync(User);
if (user == null)
{
return NotFound($"Unable to load user with ID '{_userManager.GetUserId(User)}'.");
}
var userName = await _userManager.GetUserNameAsync(user);
var email = await _userManager.GetEmailAsync(user);
var phoneNumber = await _userManager.GetPhoneNumberAsync(user);
Username = userName;
Input = new InputModel
{
Name = user.Name,
DOB = user.DOB,
Email = email,
PhoneNumber = phoneNumber
};
IsEmailConfirmed = await _userManager.IsEmailConfirmedAsync(user);
return Page();
}
public async Task<IActionResult> OnPostAsync()
{
if (!ModelState.IsValid)
{
return Page();
}
var user = await _userManager.GetUserAsync(User);
if (user == null)
{
return NotFound($"Unable to load user with ID '{_userManager.GetUserId(User)}'.");
}
var email = await _userManager.GetEmailAsync(user);
if (Input.Email != email)
{
var setEmailResult = await _userManager.SetEmailAsync(user, Input.Email);
if (!setEmailResult.Succeeded)
{
var userId = await _userManager.GetUserIdAsync(user);
throw new InvalidOperationException($"Unexpected error occurred setting email for user with ID '{userId}'.");
}
}
if (Input.Name != user.Name)
{
user.Name = Input.Name;
}
if (Input.DOB != user.DOB)
{
user.DOB = Input.DOB;
}
var phoneNumber = await _userManager.GetPhoneNumberAsync(user);
if (Input.PhoneNumber != phoneNumber)
{
var setPhoneResult = await _userManager.SetPhoneNumberAsync(user, Input.PhoneNumber);
if (!setPhoneResult.Succeeded)
{
var userId = await _userManager.GetUserIdAsync(user);
throw new InvalidOperationException($"Unexpected error occurred setting phone number for user with ID '{userId}'.");
}
}
await _userManager.UpdateAsync(user);
await _signInManager.RefreshSignInAsync(user);
StatusMessage = "Your profile has been updated";
return RedirectToPage();
}
public async Task<IActionResult> OnPostSendVerificationEmailAsync()
{
if (!ModelState.IsValid)
{
return Page();
}
var user = await _userManager.GetUserAsync(User);
if (user == null)
{
return NotFound($"Unable to load user with ID '{_userManager.GetUserId(User)}'.");
}
var userId = await _userManager.GetUserIdAsync(user);
var email = await _userManager.GetEmailAsync(user);
var code = await _userManager.GenerateEmailConfirmationTokenAsync(user);
var callbackUrl = Url.Page(
"/Account/ConfirmEmail",
pageHandler: null,
values: new { userId = userId, code = code },
protocol: Request.Scheme);
await _emailSender.SendEmailAsync(
email,
"Confirm your email",
$"Please confirm your account by <a href='{HtmlEncoder.Default.Encode(callbackUrl)}'>clicking here</a>.");
StatusMessage = "Verification email sent. Please check your email.";
return RedirectToPage();
}
}
Aggiorna il Areas/Identity/Pages/Account/Manage/Index.cshtml con il seguente markup evidenziato:
@page
@model IndexModel
@{
ViewData["Title"] = "Profile";
ViewData["ActivePage"] = ManageNavPages.Index;
}
<h4>@ViewData["Title"]</h4>
<partial name="_StatusMessage" for="StatusMessage" />
<div class="row">
<div class="col-md-6">
<form id="profile-form" method="post">
<div asp-validation-summary="All" class="text-danger"></div>
<div class="form-group">
<label asp-for="Username"></label>
<input asp-for="Username" class="form-control" disabled />
</div>
<div class="form-group">
<label asp-for="Input.Email"></label>
@if (Model.IsEmailConfirmed)
{
<div class="input-group">
<input asp-for="Input.Email" class="form-control" />
<span class="input-group-addon" aria-hidden="true"><span class="glyphicon glyphicon-ok text-success"></span></span>
</div>
}
else
{
<input asp-for="Input.Email" class="form-control" />
<button id="email-verification" type="submit" asp-page-handler="SendVerificationEmail" class="btn btn-link">Send verification email</button>
}
<span asp-validation-for="Input.Email" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Input.Name"></label>
<input asp-for="Input.Name" class="form-control" />
</div>
<div class="form-group">
<label asp-for="Input.DOB"></label>
<input asp-for="Input.DOB" class="form-control" />
</div>
<div class="form-group">
<label asp-for="Input.PhoneNumber"></label>
<input asp-for="Input.PhoneNumber" class="form-control" />
<span asp-validation-for="Input.PhoneNumber" class="text-danger"></span>
</div>
<button id="update-profile-button" type="submit" class="btn btn-primary">Save</button>
</form>
</div>
</div>
@section Scripts {
<partial name="_ValidationScriptsPartial" />
}
Aggiornare la pagina Account/Register.cshtml
Aggiorna InputModel in Areas/Identity/Pages/Account/Register.cshtml.cs con il seguente codice evidenziato:
[AllowAnonymous]
public class RegisterModel : PageModel
{
private readonly SignInManager<WebApp1User> _signInManager;
private readonly UserManager<WebApp1User> _userManager;
private readonly ILogger<RegisterModel> _logger;
private readonly IEmailSender _emailSender;
public RegisterModel(
UserManager<WebApp1User> userManager,
SignInManager<WebApp1User> signInManager,
ILogger<RegisterModel> logger,
IEmailSender emailSender)
{
_userManager = userManager;
_signInManager = signInManager;
_logger = logger;
_emailSender = emailSender;
}
[BindProperty]
public InputModel Input { get; set; }
public string ReturnUrl { get; set; }
public class InputModel
{
[Required]
[DataType(DataType.Text)]
[Display(Name = "Full name")]
public string Name { get; set; }
[Required]
[Display(Name = "Birth Date")]
[DataType(DataType.Date)]
public DateTime DOB { get; set; }
[Required]
[EmailAddress]
[Display(Name = "Email")]
public string Email { get; set; }
[Required]
[StringLength(100, ErrorMessage = "The {0} must be at least {2} and at max {1} characters long.", MinimumLength = 6)]
[DataType(DataType.Password)]
[Display(Name = "Password")]
public string Password { get; set; }
[DataType(DataType.Password)]
[Display(Name = "Confirm password")]
[Compare("Password", ErrorMessage = "The password and confirmation password do not match.")]
public string ConfirmPassword { get; set; }
}
public void OnGet(string returnUrl = null)
{
ReturnUrl = returnUrl;
}
public async Task<IActionResult> OnPostAsync(string returnUrl = null)
{
returnUrl = returnUrl ?? Url.Content("~/");
if (ModelState.IsValid)
{
var user = new WebApp1User {
Name = Input.Name,
DOB = Input.DOB,
UserName = Input.Email,
Email = Input.Email
};
var result = await _userManager.CreateAsync(user, Input.Password);
if (result.Succeeded)
{
_logger.LogInformation("User created a new account with password.");
var code = await _userManager.GenerateEmailConfirmationTokenAsync(user);
var callbackUrl = Url.Page(
"/Account/ConfirmEmail",
pageHandler: null,
values: new { userId = user.Id, code = code },
protocol: Request.Scheme);
await _emailSender.SendEmailAsync(Input.Email, "Confirm your email",
$"Please confirm your account by <a href='{HtmlEncoder.Default.Encode(callbackUrl)}'>clicking here</a>.");
await _signInManager.SignInAsync(user, isPersistent: false);
return LocalRedirect(returnUrl);
}
foreach (var error in result.Errors)
{
ModelState.AddModelError(string.Empty, error.Description);
}
}
// If we got this far, something failed, redisplay form
return Page();
}
}
Aggiorna il Areas/Identity/Pages/Account/Register.cshtml con il seguente markup evidenziato:
@page
@model RegisterModel
@{
ViewData["Title"] = "Register";
}
<h1>@ViewData["Title"]</h1>
<div class="row">
<div class="col-md-4">
<form asp-route-returnUrl="@Model.ReturnUrl" method="post">
<h4>Create a new account.</h4>
<hr />
<div asp-validation-summary="All" class="text-danger"></div>
<div class="form-group">
<label asp-for="Input.Name"></label>
<input asp-for="Input.Name" class="form-control" />
<span asp-validation-for="Input.Name" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Input.DOB"></label>
<input asp-for="Input.DOB" class="form-control" />
<span asp-validation-for="Input.DOB" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Input.Email"></label>
<input asp-for="Input.Email" class="form-control" />
<span asp-validation-for="Input.Email" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Input.Password"></label>
<input asp-for="Input.Password" class="form-control" />
<span asp-validation-for="Input.Password" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Input.ConfirmPassword"></label>
<input asp-for="Input.ConfirmPassword" class="form-control" />
<span asp-validation-for="Input.ConfirmPassword" class="text-danger"></span>
</div>
<button type="submit" class="btn btn-primary">Register</button>
</form>
</div>
</div>
@section Scripts {
<partial name="_ValidationScriptsPartial" />
}
Costruisci il progetto.
Aggiungere una migrazione per i dati utente personalizzati
- Visual Studio
- interfaccia della riga di comando .NET
Nella Console di Gestione Pacchetti di Visual Studio:
Add-Migration CustomUserData
Update-Database
Testare la creazione, visualizzazione, scaricamento, eliminazione di dati utente personalizzati
Eseguire il test dell'app:
- Registrare un nuovo utente.
- Visualizzare i dati utente personalizzati nella
/Identity/Account/Managepagina. - Scaricare e visualizzare i dati personali degli utenti dalla
/Identity/Account/Manage/PersonalDatapagina.