Azure应用程序服务身份验证/授权和自定义JWT令牌

Question

在我的网络项目中，我想让用户使用用户名/密码和微软帐户登录。技术-堆栈：

• Asp.网络核心
• 角
• Azure应用服务

首先，我创建了用户名/密码登录。这样地：

启动。反恐精英：

        services.AddAuthentication(JwtBearerDefaults.AuthenticationScheme).AddJwtBearer(options =>
        {
            options.TokenValidationParameters = new Microsoft.IdentityModel.Tokens.TokenValidationParameters
            {
                ValidateIssuerSigningKey = true,
                IssuerSigningKey = new SymmetricSecurityKey(System.Text.Encoding.UTF8.GetBytes(Configuration["JWTKey"].ToString())),
                ValidateIssuer = false,
                ValidateAudience = false,
                ValidateLifetime = true

            };
        });

登录方式：

    public async Task<IActionResult> ClassicAuth(AuthRequest authRequest)
    {
        tbl_Person person = await _standardRepository.Login(authRequest.Username, authRequest.Password);

        if (person != null)
        {

            var claims = new[]
            {
                    new Claim(ClaimTypes.GivenName, person.PER_T_Firstname),
            };

            var key = new SymmetricSecurityKey(System.Text.Encoding.UTF8.GetBytes(_config["JWTKey"].ToString()));
            var creds = new SigningCredentials(key, SecurityAlgorithms.HmacSha512Signature);
            var tokenDescriptor = new SecurityTokenDescriptor
            {
                Subject = new ClaimsIdentity(claims),
                Expires = DateTime.Now.AddHours(24),
                SigningCredentials = creds
            };
            var tokenHandler = new JwtSecurityTokenHandler();
            var token = tokenHandler.CreateToken(tokenDescriptor);

            return Ok(tokenHandler.WriteToken(token));
        }
        else
            return Unauthorized("Invalid login data");
    }

并通过[授权]保护我的api enpoints。到现在为止，一直都还不错。。。这很有效。

现在我想html" target="_blank">添加一个登录方法与Microsoft帐户。我使用Azure应用服务身份验证/授权（https://docs.microsoft.com/de-de/azure/app-service/overview-authentication-authorization）。

我配置了身份验证提供商，我可以在我的角应用程序中使用自定义链接启动身份验证流程：

<a href="https://mysite.azurewebsites.net/.auth/login/microsoftaccount">Login with Microsoft - Account</a>

这可以工作，我可以通过以下方式从我的angular应用程序中检索访问令牌：

this.httpClient.get("https://mysite.azurewebsites.net/.auth/me").subscribe(res => {
  console.log(res[0].access_token);
});

现在的问题是：

access_令牌似乎不是有效的JWT令牌。如果我复制令牌并转到https://jwt.io/它是无效的。

当我将令牌传递给我的API时，我得到一个401响应。使用似乎合乎逻辑，因为我的API检查JWT令牌是否使用我的自定义JWT密钥签名，而不是使用来自Microsoft的密钥签名。

如何使两种登录方法协同工作？我现在可能有一些基本的理解问题。

Answer 1

看起来你希望你的Angular应用程序调用ASP。NET核心Web API由Azure Active Directory保护，下面是一个很好的示例。

顺便说一下，如果你想让用户在Azure中使用多种方式登录一个项目，你可以使用多个登录提供商。