javascripttypescriptsharepointazure-active-directoryhttpclientfactory

Is it possible to send delete/put requests to a Azure AD secured api or get jwt Token as String using aadHttpClientFactory


I have a custom Api which I secured with Azure AD like the following tutorial: https://learn.microsoft.com/en-us/sharepoint/dev/spfx/use-aadhttpclient Thats working great.

now I have the following Code to make a GET request to my custom API (working):

 this.context.aadHttpClientFactory
.getClient('MY_API_URL')
.then((client: AadHttpClient) => {
  console.log(AadHttpClient.configurations.v1); 

  return client
    .get(
      `MY_API_URL/SOME_ROUTE`,
      AadHttpClient.configurations.v1
    );
})
.then(response => {
  var res=  response.json();
  return res;
}).then( (res: any[]) => {
...

HERE I WOULD LIKE TO GET MY TOKEN

});

So this is working how I expect it to work. But the aadHttpClientFactory only supports GET and POST requests

Now my Idea was to just make some PUT/DELETE requests with jQuery and use the Bearer token I got above (tested with postman and its working). But then I realised, that I won't get the token that easy. When I console.log(AadHttpClient.configurations.v1) I only get this: enter image description here

Sure I could just change my API to use POST instead of PUT/DELETE but that would be pretty ugly Does anyone has an Idea on how I could get the token as a String to do custom requests with it?


Solution

  • I solved it now. Maybe my answer will help someone later. according to philippe Signoret's answer the is the fetch() function. I had to use it like following:

            this.context.aadHttpClientFactory
            .getClient(api_url)
            .then((client: AadHttpClient) => {
              return client
                .fetch(
                  MY_URL,
                  AadHttpClient.configurations.v1,
                  {
                    method: METHOD, //put/DELETE etc.
                    headers: [
                      ["Content-Type", "application/json"]
                    ],
    
                    body: JSON.stringify({
                      YOUR REQUEST BODY
                    })
                  }
                )
              });