AngularJS アプリケーションの ASP.NET Core Web API でトークンベースの認証を構成する方法-C++-php.cn

ホームページ

バックエンド開発

C++

AngularJS アプリケーションの ASP.NET Core Web API でトークンベースの認証を構成する方法

Linda Hamilton

Dec 30, 2024 pm 02:23 PM

How to Configure Token-Based Authentication in ASP.NET Core Web API for AngularJS Applications?

ASP.NET Core WebApi でのトークンベースの認証の構成

チャレンジ

ASP.NET Core アプリケーションでは、トークンベースの認証を実装できます。挑戦です。従来の例は通常、Cookie 認証または外部認証プロバイダーを中心に展開します。ただし、AngularJS アプリケーションが /token エンドポイントからトークンを要求し、ユーザー名とパスワードを渡すシナリオを扱う場合は、それに応じて WebApi アプリケーションを構成する方法を理解することが重要です。

認証セットアップ

ASP.NET Core WebApi でトークンベースの認証を構成するには、次の手順に従ってください手順:

トークンプロパティの定義: まず、トークンの対象者と発行者を含むトークンパラメーターの定数を作成します。

const string TokenAudience = "Myself";
const string TokenIssuer = "MyProject";

DI の構成Services:
- Startup.cs ConfigureServices メソッドで、JwtSignInHandler クラスの依存関係注入を追加します。
- 認証をデフォルトの JWT に構成し、トークン検証を設定します。パラメータ。

var keySecret = authenticationConfiguration["JwtSigningKey"];
var symmetricKey = new SymmetricSecurityKey(Encoding.UTF8.GetBytes(keySecret));

services.AddTransient(_ => new JwtSignInHandler(symmetricKey));

services.AddAuthentication(options =>
{
    options.DefaultAuthenticateScheme = JwtBearerDefaults.AuthenticationScheme;
})
    .AddJwtBearer(options =>
    {
        options.TokenValidationParameters.ValidateIssuerSigningKey = true;
        options.TokenValidationParameters.IssuerSigningKey = symmetricKey;
        options.TokenValidationParameters.ValidAudience = JwtSignInHandler.TokenAudience;
        options.TokenValidationParameters.ValidIssuer = JwtSignInHandler.TokenIssuer;
    });

認証ミドルウェアを有効にする: ユーザーを必要とするミドルウェアの前に、リクエストパイプラインに UseAuthentication ミドルウェアを追加します。

app.UseAuthentication();

認可ポリシーの定義 (オプション): オプションで、ベアラーに基づいてコントローラーとアクションへのアクセスを制限する認可ポリシーを定義できます。

services.AddAuthorization(auth =>
{
    auth.AddPolicy("Bearer", new AuthorizationPolicyBuilder()
        .AddAuthenticationTypes(JwtBearerDefaults.AuthenticationType)
        .RequireAuthenticatedUser().Build());
});

JWT を構築します: トークン生成用の JwtSignInHandler クラスを作成します。

class JwtSignInHandler
{
    public const string TokenAudience = "Myself";
    public const string TokenIssuer = "MyProject";
    private readonly SymmetricSecurityKey key;

    public JwtSignInHandler(SymmetricSecurityKey symmetricKey)
    {
        this.key = symmetricKey;
    }

    public string BuildJwt(ClaimsPrincipal principal)
    {
        var creds = new SigningCredentials(key, SecurityAlgorithms.HmacSha256);

        var token = new JwtSecurityToken(
            issuer: TokenIssuer,
            audience: TokenAudience,
            claims: principal.Claims,
            expires: DateTime.Now.AddMinutes(20),
            signingCredentials: creds
        );

        return new JwtSecurityTokenHandler().WriteToken(token);
    }
}

トークン生成を実装するコントローラー: コントローラーアクション内で、JwtSignInHandler を使用してトークンを生成します。

[HttpPost]
public string AnonymousSignIn([FromServices] JwtSignInHandler tokenFactory)
{
    var principal = new System.Security.Claims.ClaimsPrincipal(new[]
    {
        new System.Security.Claims.ClaimsIdentity(new[]
        {
            new System.Security.Claims.Claim(System.Security.Claims.ClaimTypes.Name, "Demo User")
        })
    });
    return tokenFactory.BuildJwt(principal);
}