.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)
};
}
しかし、私がこのサービスを何をするにしても、「無許可」です。ここに何かが足りませんか?
ヘッダー 'Authorization'を次のようなBearer +トークンで設定することで解決しました。
$http.defaults.headers.common["Authorization"] = 'Bearer ' + token.accessToken;
angularアプリケーションモジュールで設定できます。そのため、すべてのhttp要求のヘッダーとして認証トークンが設定されます。
var app = angular.module("app", ["ngRoute"]);
app.run(function ($http) {
$http.defaults.headers.common.Authorization = 'Bearer ' + token.accessToken;
});