.NET Web API 2 OWIN承载令牌认证

时间:2013-11-04 14:05:21

标签: asp.net asp.net-mvc-4 angularjs asp.net-web-api owin

我正在.NET Web应用程序中实现Web API 2服务架构。消费请求的客户端是纯javascript,没有mvc / asp.net。我正在使用OWIN尝试根据本文OWIN Bearer Token Authentication with Web API Sample启用令牌身份验证。在获得授权后,我似乎遗漏了认证步骤。

我的登录信息如下:

    [HttpPost]
    [AllowAnonymous]
    [Route("api/account/login")]
    public HttpResponseMessage Login(LoginBindingModel login)
    {
        // todo: add auth
        if (login.UserName == "a@a.com" && login.Password == "a")
        {
            var identity = new ClaimsIdentity(Startup.OAuthBearerOptions.AuthenticationType);
            identity.AddClaim(new Claim(ClaimTypes.Name, login.UserName));

            AuthenticationTicket ticket = new AuthenticationTicket(identity, new AuthenticationProperties());
            var currentUtc = new SystemClock().UtcNow;
            ticket.Properties.IssuedUtc = currentUtc;
            ticket.Properties.ExpiresUtc = currentUtc.Add(TimeSpan.FromMinutes(30));

            DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("Bearer", accessToken); 

            return new HttpResponseMessage(HttpStatusCode.OK)
            {
                Content = new ObjectContent<object>(new  
                { 
                    UserName = login.UserName,
                    AccessToken = Startup.OAuthBearerOptions.AccessTokenFormat.Protect(ticket)
                }, Configuration.Formatters.JsonFormatter)
            };
        }

        return new HttpResponseMessage(HttpStatusCode.BadRequest);
    }

返回

{
   accessToken: "TsJW9rh1ZgU9CjVWZd_3a855Gmjy6vbkit4yQ8EcBNU1-pSzNA_-_iLuKP3Uw88rSUmjQ7HotkLc78ADh3UHA3o7zd2Ne2PZilG4t3KdldjjO41GEQubG2NsM3ZBHW7uZI8VMDSGEce8rYuqj1XQbZzVv90zjOs4nFngCHHeN3PowR6cDUd8yr3VBLdZnXOYjiiuCF3_XlHGgrxUogkBSQ",
   userName: "a@a.com"
}

然后我尝试在AngularJS中的其他请求中设置HTTP标头Bearer,如:

$http.defaults.headers.common.Bearer = response.accessToken;

到以下API:

    [HttpGet]
    [Route("api/account/profile")]
    [Authorize]
    public HttpResponseMessage Profile()
    {
        return new HttpResponseMessage(HttpStatusCode.OK)
        {
            Content = new ObjectContent<object>(new
            {
                UserName = User.Identity.Name
            }, Configuration.Formatters.JsonFormatter)
        };
    }

但无论我做什么,这项服务都是“未经授权的”。我在这里错过了什么吗?

2 个答案:

答案 0 :(得分:27)

通过使用Bearer + token设置标题'Authorization'解决此问题:

$http.defaults.headers.common["Authorization"] = 'Bearer ' + token.accessToken;

答案 1 :(得分:0)

您可以使用角度应用程序模块对其进行配置。因此,授权令牌将被设置为每个http请求的标头。

var app = angular.module("app", ["ngRoute"]);
app.run(function ($http) {

     $http.defaults.headers.common.Authorization = 'Bearer ' + token.accessToken;

});