Adding a custom domain to Azure App Service

We created our Node hosted Azure app and learned how to auto-deploy from GitHub.

Today we will be looking at running this on a custom domain.

Be aware: Custom domains are not on the free-tier, so you'll need to have a paid account for this! 😭

Custom domain names are very important to define your project, it's all cool if it's a demo or testing environment, but an actual app should run on its own domain.

How to add a custom domain in Azure

First, let's open our App Service and click the Custom domains option on the left.

This will open up the Custom domains menu, and we will be prompted to upgrade out tier if we are on the free tier.

Once you upgrade to a small service, you can click add domain.

Clicking this will open a side drawer on the right, where we can choose our custom domain. In my example, I'm using azure.daily-dev-tips.com.

If you scroll to the bottom, you'll see the domain ownership section.

These are the settings we need for our domain host.

The txt is optional, it seems, I only did the CNAME, and that worked well.

Adding the Azure records with your domain registrar

This section is going to be different for wherever your domain is hosted.

My domain is linked to Netlify, so this might be different than your domain.

Go to your Domain settings.

Your domain registrar might say something like: "DNS Management"

Now we need to add a DNS record for Azure.

My settings include this:

• Type: CNAME
• Name: azure (azure.daily-dev-tips.com)
• Value: dailydevtips.azruewebsites.net (what Azure gave us)

Save these settings.

Now we need to go back to Azure to verify the domain.

We need to do the following actions.

1. Click validate; This will show the Domain ownership marked correct
2. Then we need to click the Add custom domain button to complete this

And we are done! Go visit your new domain to verify.

I turned my custom domain off, to not pay for it 😅

Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter

Comments

[Victorio Berra]

Is the TXT record asuid.azure.daily-dev-tips.com or just asuid.azure?

[Chris Bongers]

Depends on your hosting provider, but in most cases just asuid.azure is enough they will by default add the top level part.

[Madza]

I like how simple they have made it, new domain with a couple of clicks 🔥🔥

[Chris Bongers]

It really is simple!
And if you are using their DNS service it's even easier!