Full Stack Web Developer, Azure Developer, Tech Geek, Microsoft Student Partner
Logo
When Creativity is Unlocked, Extraordinary Happens. Some Says I make Magic

Configuring a custom domain name in Azure App Service.

Part 1:   Buy the Custom Top Level Domain Name from Azure.

Follow the link below to buy the Top level Domain name from Azure.

Buy Top-Level Domain from Azure.

Part 2:   Configure a custom domain name in Azure App Service

First of all, I would like to talk about DNS(Domain Name System). The DNS uses data records to map domain names into IP addresses. There are several types of DNS records. For web apps, we use either an A record or a CNAME record.

  • An A (Address) record maps a domain name to an IP address.
  • A CNAME (Canonical Name) record maps a domain name to another domain name. DNS uses the second name to look up the address. Users still see the first domain name in their browser. For example, you could map “exploreitnepal.com” to “exploreitnepal.azurewebsites.net”.

If the IP address changes, a CNAME entry is still valid, whereas an A record must be updated. However, some domain registrars do not allow CNAME records for the root domain or for wildcard domains. In that case, you must use an A record.

Note:  IP address may change if you change the web app mode back to free, or if you delete and recreate your web app as well.

Part 2.1:   Finding the Virtual IP address

Step 1: In your browser, open the Azure Portal.

Step 2: Click the Browse option on the left side of the page.

Step 3: Click the Web Apps blade.

Step 4: Select the name of your web app.

Step 5: In the another blade, click settings.

Step 6: Scroll down to the new opened blade, and click on Custom domains and SSL.

Step 7: In the Custom domains and SSL blade, click Bring External Domains".

The IP address is located at the bottom of this part. Copy it and save where you want.

Part 2.2:   Managing the domain name

Step 8: In the Custom domains and SSL blade, click the particular domain name that you had bought. Then you will be redirected to the Manage Domain blade.

Step 9: Then Click on Advanced Manage there, as shown below:

Step 10: You will be redirected to a page where the list of domain names that you had bought will be displayed, as shown below:

Step 11: Click on particular domain name and go to the “DNS ZONE FILE” as shown below:

Step 12: Click on Add Record there, as shown below:

Step 13: Then, carefully do the following:

  • Select record type = A (Host)
  • Enter your domain name in the HOST field.
  • Enter the IP that you had copied earlier in the POINTS TO field, then click on ADD ANOTHER button, as shown below:

Step 14: Similarly, add two more ZONE RECORD as shown below:

Step 15: After finishing, adding the ZONE RECORD, Close the entire tab in browser and go back to the Custom domains and SSL blade.
Step 16: Then, Click on Bring External Domains there. The Bring External Domains blade will opens. At the input field of the DOMAIN NAMES, add the Domain name that you had bought, as shown below: In my case the domain name is “www.exploreitnepal.com”.

Step 17: Click on Save, and Open the particular URL(In my case URL is: exploreitnepal.com) in browser, you will see the changes.

I got this view because I had uploaded my custom design. Congratulation! You have Successfully configured the custom domain name.

Note: If any problem occurred then feel free to comment your problem, I will help you.

Tags: Happy Using AZURE!!!  Happy Coding!!!