Blazor wasm是一种全新的web开发框架,它可以与服务器进行通信并进行cookie身份验证。在使用Blazor wasm进行开发时,可以使用Microsoft.AspNetCore.Components.Authorization 命名空间下的AuthenticationStateProvider类进行客户端cookie身份认证,该类还可与服务端身份验证进行配合使用。
示例代码:
启用cookie身份验证:
在 Startup.cs 文件的 ConfigureServices方法中加入以下代码:
services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme) .AddCookie(options => { options.Cookie.Name = "YourCookieName"; options.LoginPath = "/auth/login"; options.LogoutPath = "/auth/logout"; });
在Login页面进行身份认证:
您可以使用 HttpClient 或者 JavaScriptInterop 进行身份认证,示例中使用 HttpClient,代码如下:
@page "/auth/login" @inject NavigationManager Navigation @inject HttpClient HttpClient
@code{ private string username; private string password;
private async Task PerformLogin()
{
var loginResponse = await HttpClient.PostAsJsonAsync("/api/login", new { username, password });
if (loginResponse.IsSuccessStatusCode)
{
Navigation.NavigateTo("/");
}
}
}
在服务端进行身份认证:
在服务端的 API 中添加以下代码进行身份认证:
[HttpPost("login")]
public async Task
if (user != null && await _userManager.CheckPasswordAsync(user, model.Password))
{
var claims = new List
{
new Claim(ClaimTypes.NameIdentifier, user.Id),
new Claim(ClaimTypes.Name, user.UserName)
};
var identity = new ClaimsIdentity(claims, CookieAuthenticationDefaults.AuthenticationScheme);
var principal = new ClaimsPrincipal(identity);
await HttpContext.SignInAsync(CookieAuthenticationDefaults.AuthenticationScheme, principal);
return Ok();
}
return BadRequest();
}
在 Logout 实现中添加以下代码:
[HttpPost("logout")]
public async Task