.NET Web API 2 Аутентификация маркера предъявителя OWIN

Я внедряю архитектуру сервиса Web API 2 в своем веб-приложении .NET. Клиент, потребляющий запросы, является чистым javascript, а не mvc/asp.net. Я использую OWIN, чтобы попытаться включить проверку подлинности по токенам в этой статье Аутентификация маркера на предъявителя OWIN с помощью примера веб-API. Кажется, что я что-то пропустил с помощью этапа аутентификации после его авторизации.

Мой логин выглядит так:

    [HttpPost]
    [AllowAnonymous]
    [Route("api/account/login")]
    public HttpResponseMessage Login(LoginBindingModel login)
    {
        // todo: add auth
        if (login.UserName == "[email protected]" && 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: "[email protected]"
}

Затем я пытаюсь установить HTTP-заголовок Bearer для дальнейших запросов в AngularJS, например:

$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)
        };
    }

но независимо от того, что я делаю, эта служба является "несанкционированной". Я что-то пропустил?

Ответ 1

Разрешено путем установки заголовка "Авторизация" с маркером-носителем +:

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

Ответ 2

Вы можете настроить его с помощью вашего модуля angular. Таким образом, токен авторизации будет установлен как заголовок для каждого HTTP-запроса.

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

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

});