c# - 如何使用 Vue.js 和 .NET Core API 设置 Active Directory 身份验证

Question

我正在将我们的一个内部网站重写为带有 Vue.js 前端的 .NET Core 3.1 WebAPI 后端。我是一位经验丰富的程序员，但对其中一些技术还是陌生的。我需要使用 Active Directory 设置身份验证，这样本地网络用户就不必登录该站点。

我已经看到一些关于使用 token 并在 API 请求中发送 token 的事情，但不知道从哪里开始。最终，将为需要使用用户名/密码表单进行身份验证的外部(第三方)用户提供第二个 Vue.js 前端。因此，API 需要能够处理这两种用户。

我该如何设置？任何指示或指导表示赞赏。我确定在进入它时我还会有其他问题。谢谢!

编辑

我能够使用此方法获取用户名/密码并根据我们的 Active Directory 域对其进行验证(需要 Microsoft.Windows.Compaibility 包)

using System.DirectoryServices.AccountManagement;
private bool IsValidUserAndPasswordCombination(string username, string password)
    {
        bool isValid = false;
        using (PrincipalContext pc = new PrincipalContext(ContextType.Domain, "localdomainname.com"))
        {
            isValid = pc.ValidateCredentials(username, password);
        }
        return isValid;
    }

现在我只需要知道将当前 Windows 用户凭据传递给 API 的最佳方式。 API 设置为匿名身份验证。有没有办法在 Vue.js 中获取凭据并在不使用授权 header 的情况下传递它们？

Answer 1

我想你可以检查这个quesion那类似于你的。因此您可以手动生成 JWT token (如果您需要它进行身份验证)，通过 LDAP 身份验证检查用户身份。

编辑

我认为如果没有特定的浏览器插件，您将无法在浏览器中获取当前用户凭据...也许唯一的方法是像任何其他网站一样提示用户登录并保持登录操作 Controller 匿名并使用它来验证用户.

验证后，您可以为客户端生成 JWT token 以保持身份验证。

编辑 2

要生成 JWT token ，您可以在网上找到许多教程，主要是您必须使用 System.IdentityModel.Tokens.Jwt 命名空间，例如:

var tokenHandler = new JwtSecurityTokenHandler();
// The secret must be kept and used to validate the token
var key = Encoding.ASCII.GetBytes(_appSettings.Secret);
var tokenDescriptor = new SecurityTokenDescriptor
{
  Subject = new ClaimsIdentity(new[] { new Claim("id", user.Id.ToString()) }),
  Expires = DateTime.UtcNow.AddDays(7), // maybe you want it to be shorter
  SigningCredentials = new SigningCredentials(new SymmetricSecurityKey(key), SecurityAlgorithms.HmacSha256Signature)
 // If you want you can add as many claims you need in your token (roles etc.)
};
var token = tokenHandler.CreateToken(tokenDescriptor);
var tokenString = tokenHandler.WriteToken(token);

在登录请求的响应中将tokenString发送给客户端，并保存在客户端以发送认证请求。

您还需要配置 API 以通过 JWT token 授权用户并指示它只接受您的 token (see here for details)