Call external Web API in SharePoint online using SharePoint framework

Question

I have published Web API from Visual Studio 2017 in Azure portal and I want to consume those data in SharePoint online.

I have created one SPFx project file from node js and opened in Visual Studio code, Now I want to call the Web API from SharePoint framework.

I am new here please post some link and comments. How is it possible?

Answer 1

You can use the AadHttpClient in SPFx. It's well documented here: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/use-aadhttpclient-enterpriseapi

Answer 2

Use jQuery getscript method for calling external API in SharePoint environment. In your spfx webpart code, install jQuery - npm i jQuery and use the following code snippet to call your external API.

$.getScript("test.js")
  .done(( script, textStatus )=> {
    console.log( textStatus );
  })
  .fail(( jqxhr, settings, exception )=> {
    console.log("Triggered ajaxError handler.");
});