Today we will be looking at running the web app 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 web app should run on its own domain.
How to add a custom domain to Azure App Service
First, let's open our Azure App Service and click the
Custom domains option on the left:
This will open up the custom domains menu. We will be prompted to upgrade out tier if we are on the free tier.
Once you upgrade to a small service, 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
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 CNAME records to your domain registrar
This section is going to be different for wherever your domain is hosted.
My domain is hosted on Netlify, so this might be different than your host.
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.
Now, we need to do the following actions.
- Click validate; This will show the
Domain ownershipmarked correct
- Then we need to click the
Add custom domainbutton to complete
And we are done! Now we added our custom domain to the Azure app service. Go visit your new domain to verify it works!
I turned my custom domain off, to not pay for it 😅