webdevqa.jp.net

.NET Web API 2 OWINベアラートークン認証

.NET WebアプリケーションにWeb API 2サービスアーキテクチャを実装しています。要求を使用するクライアントは、mvc/asp.netではなく、純粋なjavascriptです。 OWINを使用して、この記事に従ってトークン認証を有効にしようとしています Web APIサンプルによるOWINベアラートークン認証 。承認後の認証手順で何かが欠けているようです。

私のログインは次のようになります。

    [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]"
}

次に、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)
        };
    }

しかし、私がこのサービスを何をするにしても、「無許可」です。ここに何かが足りませんか?

26
amcdnl

ヘッダー 'Authorization'を次のようなBearer +トークンで設定することで解決しました。

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

angularアプリケーションモジュールで設定できます。そのため、すべてのhttp要求のヘッダーとして認証トークンが設定されます。

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

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

});
0
Shivprasad P