c# - Autentificarea OAuth2 a eșuat pentru apelul API .net core folosind Msal.js într-o aplicație web React-Typescript

Am o aplicație web client Typescript React care trebuie să comunice cu un API .net core. Pe client a fost integrat msal.js. Reușesc să mă autentific în AAD, să obțin contul utilizatorului și token-ul de acces și să-l transmit ca Bearer la apelul API. Cu toate acestea, autentificarea la nivelul API-ului eșuează.

Pe Client:

config: Msal.Configuration = buildConfiguration({ auth: {
        clientId: 'clientId',
        authority: 'authority',
        validateAuthority: true,
        navigateToLoginRequestUrl: false
    } });

 request = {
        scopes: ["user.read"] 
     };

    userAgentApp : Msal.UserAgentApplication = new Msal.UserAgentApplication(this.config);

private _accessToken: string = '';
    public async GetAccessToken(): Promise<string>{
        if(this._accessToken == '')
        {
            await this.userAgentApp.acquireTokenSilent(this.request)
                .then((tokenResponse) => this._accessToken = tokenResponse.accessToken)
                .catch((error) => console.log(error))
        }

        return this._accessToken;
    }

    public login() {
        console.log("before login");

        this.userAgentApp.handleRedirectCallback((error, response) => 
        { 
            console.error(error)
        });

        this.userAgentApp.loginRedirect(this.request);

        console.log("after login")
    }

// Calling the api
  axios.defaults.headers.common = {'Authorization': `Bearer ${accessToken}`}
      const travelExpensesResponse = await axios.get("https://localhost:44350/api/reisekostenantrag")

Pe Api

// Start.cs ConfigureServices
  services.AddAuthentication(sharedOptions =>
            {
                sharedOptions.DefaultScheme = JwtBearerDefaults.AuthenticationScheme;
            })
 .AddJwtBearer(options =>
            {
                options.Audience = "clientId";
                options.Authority = "authority";
            });

Primesc o excepție SecurityTokenInvalidSignatureException: IDX10511: Validarea semnăturii a eșuat.

1. Unde ar putea fi problema?
2. Există exemple care să arate cum pot transmite un token către API-ul .NET Core de la o aplicație client?

Răspuns #1

Problema a fost că tokenul a primit acest scop user.read, care este un scop al API-ului Graph.

Deci soluția a fost să înregistrezi aplicația server în Azure și să creezi un domeniu personalizat.

Apoi, în aplicația client:

 request = {
        scopes: ["api://clientid/access_as_user"] 
     };