18

Angular が前面にある Web API プロジェクトがあり、JWT トークンを使用して保護したいと考えています。私はすでにユーザー/パスの検証を行っているので、JWT 部分を実装するだけでよいと思います。

私は JwtAuthForWebAPI に落ち着いたと思うので、それを使用した例は素晴らしいでしょう。

[Authorize] で装飾されていないメソッドは常に動作し、クライアントから渡されたトークンが一致しない場合、[Authorize] で装飾されたメソッドは 401 になると思います。

初期認証時にトークンをクライアントに送り返す方法をまだ理解できていません。

最初に魔法の文字列を使用しようとしているので、次のコードがあります。

RegisterRoutes(GlobalConfiguration.Configuration.Routes);
var builder = new SecurityTokenBuilder();
var jwtHandler = new JwtAuthenticationMessageHandler
{
    AllowedAudience = "http://xxxx.com",
    Issuer = "corp",
    SigningToken = builder.CreateFromKey(Convert.ToBase64String(new byte[]{4,2,2,6}))
};

GlobalConfiguration.Configuration.MessageHandlers.Add(jwtHandler);

しかし、それが最初にクライアントにどのように返されるかはわかりません。クライアントでこれを処理する方法を理解していると思いますが、この相互作用のAngular側も示すことができればボーナスポイントです.

4

1 に答える 1

21

結局、自分に合ったソリューションを作成するために、いくつかの異なる場所から情報を取得する必要がありました (実際には、実稼働可能なソリューションの始まりですが、機能します!)

私は JwtAuthForWebAPI を取り除きました (ただし、Authorization ヘッダーのないリクエストが [Authorize] によって保護されていない WebAPI コントローラー メソッドに流れることを許可するために、JwtAuthForWebAPI から一部を借りました)。

代わりに、Microsoft の JWT ライブラリ ( Microsoft .NET Framework の JSON Web Token Handler - NuGet から) を使用しています。

私の認証方法では、実際の認証を行った後、トークンの文字列バージョンを作成し、それを認証済みの名前 (この場合は渡されたのと同じユーザー名) とロールと共に返します。認証中に導出されます。

メソッドは次のとおりです。

[HttpPost]
public LoginResult PostSignIn([FromBody] Credentials credentials)
{
    var auth = new LoginResult() { Authenticated = false };

    if (TryLogon(credentials.UserName, credentials.Password))
    {
        var tokenDescriptor = new SecurityTokenDescriptor
        {
            Subject = new ClaimsIdentity(new[]
            {
                new Claim(ClaimTypes.Name, credentials.UserName), 
                new Claim(ClaimTypes.Role, "Admin")
            }),

            AppliesToAddress = ConfigurationManager.AppSettings["JwtAllowedAudience"],
            TokenIssuerName = ConfigurationManager.AppSettings["JwtValidIssuer"],
            SigningCredentials = new SigningCredentials(new 
                InMemorySymmetricSecurityKey(JwtTokenValidationHandler.SymmetricKey),
                "http://www.w3.org/2001/04/xmldsig-more#hmac-sha256",
                "http://www.w3.org/2001/04/xmlenc#sha256")
            };

            var tokenHandler = new JwtSecurityTokenHandler();
            var token = tokenHandler.CreateToken(tokenDescriptor);
            var tokenString = tokenHandler.WriteToken(token);

            auth.Token = tokenString;
            auth.Authenticated = true;
        }

    return auth;
}

アップデート

後続のリクエストでのトークンの処理について質問がありました。私がしたことは、DelegatingHandler を作成してトークンを読み取り/デコードし、プリンシパルを作成して Thread.CurrentPrincipal と HttpContext.Current.User に設定することでした (両方に設定する必要があります)。最後に、コントローラー メソッドを適切なアクセス制限で装飾します。

DelegatingHandler の内容は次のとおりです。

private static bool TryRetrieveToken(HttpRequestMessage request, out string token)
{
    token = null;
    IEnumerable<string> authzHeaders;
    if (!request.Headers.TryGetValues("Authorization", out authzHeaders) || authzHeaders.Count() > 1)
    {
        return false;
    }
    var bearerToken = authzHeaders.ElementAt(0);
    token = bearerToken.StartsWith("Bearer ") ? bearerToken.Substring(7) : bearerToken;
    return true;
}


protected override Task<HttpResponseMessage> SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
{
    HttpStatusCode statusCode;
    string token;

    var authHeader = request.Headers.Authorization;
    if (authHeader == null)
    {
        // missing authorization header
        return base.SendAsync(request, cancellationToken);
    }

    if (!TryRetrieveToken(request, out token))
    {
        statusCode = HttpStatusCode.Unauthorized;
        return Task<HttpResponseMessage>.Factory.StartNew(() => new HttpResponseMessage(statusCode));
    }

    try
    {
        JwtSecurityTokenHandler tokenHandler = new JwtSecurityTokenHandler();
        TokenValidationParameters validationParameters =
            new TokenValidationParameters()
            {
                AllowedAudience = ConfigurationManager.AppSettings["JwtAllowedAudience"],
                ValidIssuer = ConfigurationManager.AppSettings["JwtValidIssuer"],
                SigningToken = new BinarySecretSecurityToken(SymmetricKey)
            };

        IPrincipal principal = tokenHandler.ValidateToken(token, validationParameters);
        Thread.CurrentPrincipal = principal;
        HttpContext.Current.User = principal;

        return base.SendAsync(request, cancellationToken);
    }
    catch (SecurityTokenValidationException e)
    {
        statusCode = HttpStatusCode.Unauthorized;
    }
    catch (Exception)
    {
        statusCode = HttpStatusCode.InternalServerError;
    }

    return Task<HttpResponseMessage>.Factory.StartNew(() => new HttpResponseMessage(statusCode));
}

MessageHandlers パイプラインに追加することを忘れないでください。

public static void Start()
{
    GlobalConfiguration.Configuration.MessageHandlers.Add(new JwtTokenValidationHandler());
}

最後に、コントローラー メソッドをデコレートします。

[Authorize(Roles = "OneRoleHere")]
[GET("/api/admin/settings/product/allorgs")]
[HttpGet]
public List<Org> GetAllOrganizations()
{
    return QueryableDependencies.GetMergedOrganizations().ToList();
}

[Authorize(Roles = "ADifferentRoleHere")]
[GET("/api/admin/settings/product/allorgswithapproval")]
[HttpGet]
public List<ApprovableOrg> GetAllOrganizationsWithApproval()
{
    return QueryableDependencies.GetMergedOrganizationsWithApproval().ToList();
}
于 2014-03-25T01:24:29.343 に答える