ASP.NET Core JWT+Cookie双重认证实战指南，Swagger集成与Axios全流程解析

郑子铭

发布于 2025-05-14 10:31:14

27700

代码可运行

文章被收录于专栏：DotNet NB && CloudNativeDotNet NB && CloudNative

运行总次数：0

代码可运行

许多.NET开发者在使用ASP.NET Core Identity实现基础认证时常常陷入困境。本文将提供一份纯实战指南，演示如何实现支持[Authorize]特性的JWT令牌+Cookie双重认证方案。这种方案特别适合需要同时满足API认证和Swagger登录的场景，并附赠SPA应用中使用Axios进行Cookie认证的完整示例。

后端实现

项目初始化

创建.NET 9 Web API项目并安装依赖：

dotnet new webapi -n AuthenticationExample --framework net9.0 --use-program-main
cd AuthenticationExample

nuget install Microsoft.AspNetCore.Authentication.JwtBearer
nuget install Microsoft.AspNetCore.Identity
nuget install Microsoft.EntityFrameworkCore.InMemory
# 其他依赖安装命令...

核心模型定义

在Infrastructure/Models/User.cs中定义用户模型：

using Microsoft.AspNetCore.Identity;

namespaceAuthenticationExample.Infrastructure.Models;

publicclassUser : IdentityUser<Guid>
{
    public User(Guid id, string email)
    {
        Id = id;
        Email = email;
        UserName = email; // 暂时将UserName设置为邮箱
    }

    public User() { }
}

数据库上下文配置

实现内存数据库上下文（Infrastructure/ApplicationContext.cs）：

public class ApplicationContext : IdentityDbContext<User, IdentityRole<Guid>, Guid>, IApplicationContext
{
    public const string DefaultScheme = "authentication_example";
    
    public ApplicationContext(DbContextOptions<ApplicationContext> options) : base(options) { }

    protected override void OnModelCreating(ModelBuilder modelBuilder)
    {
        base.OnModelCreating(modelBuilder);
        modelBuilder.ApplyConfigurationsFromAssembly(GetType().Assembly);
    }
}

JWT配置管理

在Settings/JwtSettings.cs中定义配置项：

public classJwtSettings
{
    publicconststring Key = "JWT";
    
    [Required(ErrorMessage = "Audience不能为空")]
    publicrequiredstring ValidAudience { get; init; }
    
    [Required(ErrorMessage = "Issuer不能为空")]
    publicrequiredstring ValidIssuer { get; init; }
    
    [Required(ErrorMessage = "密钥不能为空")]
    publicrequiredstring Secret { get; init; }
}

认证服务核心

实现双重认证策略（Program.cs关键配置）：

builder.Services.AddAuthentication(options =>
{
    options.DefaultAuthenticateScheme = "DualScheme";
    options.DefaultChallengeScheme = "DualScheme";
})
.AddPolicyScheme("DualScheme", "JWT或Cookie", options =>
{
    options.ForwardDefaultSelector = context => 
        context.Request.Headers["Authorization"].StartsWith("Bearer ") 
            ? JwtBearerDefaults.AuthenticationScheme
            : CookieAuthenticationDefaults.AuthenticationScheme;
})
.AddCookie(options => 
{
    options.LoginPath = "/s/api/auth/login/cookies";
    options.Cookie.Name = "AuthenticationExampleCookie";
    options.ExpireTimeSpan = TimeSpan.FromHours();
})
.AddJwtBearer(options => 
{
    options.TokenValidationParameters = new TokenValidationParameters
    {
        ValidateIssuerSigningKey = true,
        IssuerSigningKey = new SymmetricSecurityKey(
            Encoding.UTF8.GetBytes(builder.Configuration["JWT:Secret"]!))
    };
});

控制器实现

认证控制器核心方法示例（Web/AuthenticationController.cs）：

[HttpPost("login/cookies")]
public async Task<IActionResult> LoginCookies(
    [FromBody] LoginModel model)
{
    var user = await _userManager.FindByEmailAsync(model.Email);
    if (!await _userManager.CheckPasswordAsync(user, model.Password))
        return Unauthorized("认证失败");

    var claims = new List<Claim>
    {
        new(ClaimTypes.NameIdentifier, user.Id.ToString())
    };
    
    await HttpContext.SignInAsync(
        CookieAuthenticationDefaults.AuthenticationScheme,
        new ClaimsPrincipal(new ClaimsIdentity(claims)),
        new AuthenticationProperties { ExpiresUtc = DateTime.UtcNow.AddMinutes() });
        
    return Ok();
}

[HttpPost("token")]
public async Task<IActionResult> GenerateToken(
    [FromServices] TokenService tokenService,
    LoginModel model)
{
    var user = await _userManager.FindByEmailAsync(model.Email);
    return Ok(new LoginResponse(user.Email!, await tokenService.CreateToken(user)));
}

前端集成

Axios认证示例（wwwroot/index.html）：

<script>
// 启用Cookie携带
axios.defaults.withCredentials = true;

functionlogin() {
    axios.post('s/api/auth/login/cookies', {
        email: 'user@example.com',
        password: 'password123'
    }).then(() => {
        alert('Cookie登录成功!');
    });
}

functiongetUserData() {
    axios.get('s/api/auth/me')
        .then(res => {
            console.log('用户数据:', res.data);
        });
}
</script>

Swagger配置关键代码：

builder.Services.AddSwaggerGen(option =>
{
    option.AddSecurityDefinition("Bearer", new OpenApiSecurityScheme
    {
        Type = SecuritySchemeType.Http,
        Scheme = "Bearer"
    });
    option.AddSecurityRequirement(new OpenApiSecurityRequirement
    {
        { new OpenApiSecurityScheme { Reference = new OpenApiReference { Type = ReferenceType.SecurityScheme, Id = "Bearer" } }, [] }
    });
});