Back to Basics # 67: Working with External API inside Html Webresource in Dynamics CRM

Introduction:

During certain scenarios we must integrate external API inside Dynamics CRM. As an example, a Wikimedia free api was used to explain this.

Step 1:

Login to the required environment and select required solution [Contact Customizations Solution in this case] as shown in the below figure.

Step 2:

After Step 1, create a Webresource of type html and upload an empty html as shown in the below figure.

Step 3:

After Step 2, open html and prepare header and request option write the below code

<!DOCTYPE html>

<head>

<title> External API Integration in Html Web resource</title>

function onLoad() {

var myHeaders = new Headers();

myHeaders.append(“Cookie”, “GeoIP=IN:TG:Hyderabad:19.61:70.78:v4; WMF-Last-Access=25-Oct-2022; WMF-Last-Access-Global=25-Oct-2022”);

var requestOptions = {

method: ‘GET’,

headers: myHeaders,

redirect: ‘follow’

};

.then(response => response.text())

.then(result => console.log(result))

.catch(error => console.log(‘error’, error));

}

</script>

</head>

This is an demo for External API Integration in Html Web resource<br>

</body>

</html>

as shown in the below figure.

Step 4:

After Step 3, save Webresource and publish it as shown in the below figure

Step 5:

After Step 4, open Webresource in a new tab and open console window and observe json response from external api as shown in the below figure.

Note:

Make sure to publish all customizations and upload html file.
Here I don’t need to pass any key in the header, but in general secret key must be passed for authentication.
Universal format json/xml to be considered from the external service to consume

Conclusion: In this way, one can easily integrate external API inside html Webresource in Dynamics CRM.

One thought on “Back to Basics # 67: Working with External API inside Html Webresource in Dynamics CRM”

Common Man Tips for Power Platform, Dynamics CRM,Azure