Custom Domain In Azure Web App

Introduction

 
In this article, we are going to see how to integrate an existing domain name into Azure Web App Service using custom domain service in the web app.
 
Prerequisite
 
Azure Subscription
Basic Knowledge on Azure Web App Service. 
 

Integrate Existing Domain into Azure Web App

 
Log in to Azure Portal
 
I have selected one of my existing web app services as shown in the below figure, which has a default domain name, as shown in the below figure. 
 
Custom Domain In Azure Web App
 
Under the setting section, you can find custom domain option, select it, and you can see the IP address of the web app.
 
Custom Domain In Azure Web App
 
Now, sign in to the website of your domain provider, in my case it is GoDaddy. In GoDaddy portal go to Domains -> Manage DNS as shown in below figure.
 
Custom Domain In Azure Web App 
 
Under Manage DNS we need to add three records,
  1. CNAME Record
  2. A Record
  3. TXT Record
Add the CNAME Record and map the default Azure web app service domain name, as shown in the below figure.
 
Custom Domain In Azure Web App
 
Now, we need to enable the CNAME record mapping in Azure; visit the Azure portal and go to a custom domain of the web app service. Click on "Add Custom Domain" icon as shown in the below figure.
 
Custom Domain In Azure Web App
 
Give the custom domain name. Once the validation is successful you can add the custom domain as shown in the below figure.
 
Custom Domain In Azure Web App
 
Once the validation is successful click on Add custom domain.
 
Adding A record is to map the Azure web app service IP to the domain.
 
Go to GoDaddy portal - >Domains->Manage DNS -> Edit/Add the A Record and map the Azure web app IP as shown in the below figure.
 
Custom Domain In Azure Web App
 
With A record we also need to add TXT record with default domain name, as shown in thebelow figure
 
Custom Domain In Azure Web App
 
Now go to Azure portal -> custom domain of the web app service, click on Add custom Domain icon and enable the A record mapping as shown in below figure.
 
Custom Domain In Azure Web App
 
Once the validation is successful click on Add custom domain.
 
Let’s try  the URL in the browser, now the app is up and running with a new custom domain, as shown in the below figure.
 
Custom Domain In Azure Web App
 

Conclusion

 
From this article, we have seen how to integrate the existing domain name to our Azure web app service using the custom domain option. Will see how to enable the SSL binding in my next blog.