使用客户端凭据从角度应用程序调用 Azure API 网关中托管的企业 API（使用 microsoft 令牌 url 生成令牌

Question

我构建了一个角度应用程序，它使用 MSAL 生成访问令牌作为登录过程的一部分。我的应用程序还需要访问 Azure API 网关中托管的 API (OpenAPI)。我的应用程序最终只能托管在 Azure 中。但是，当我尝试使用 clientid、grant_type (client_credentials)、client_secret、body (x-www-form-urlencoded) 中的范围和资源以及 https://login.microsoftonline.com/

  'Content-Type': 'application/x-www-form-urlencoded',

  'Access-Control-Allow-Origin' : '*'

});

let body = new URLSearchParams();



body.set('grant_type', "client_credentials");

body.set('client_id', "cliend id here");

body.set('client_secret', "secret here");

body.set('resource', 'resource here');



return this.http.post<any>(this.url, body.toString(), {

  headers: headers

}).pipe(

 

  map(jwt => {

    console.log('access token generated successfully', jwt.access_token);

    if (jwt && jwt.access_token) {

      localStorage.setItem('HAPIToken', JSON.stringify(jwt))

    }

  }),

  catchError((this.handleError))

).subscribe();