Redirect AVD URL with a static web app

When you read the title like this, you think "That could be pretty handy!". So that's why I put it in writing.
I had this a recent customer, where I migrated them from an on-prem RDS farm to Azure Virtual Desktop.

Why would you choose to change the current url of Azure Virtual Desktop (https://client.wvd.microsoft.com/arm/webclient/) to something else?

• It's a pretty long url. It is difficult to pass it on to an end user
• 🤔

Andddd I can't think of anything else for now.

So, what I want to achieve is to get that long url to a shortened url, e.g. avd.domain.tld. This can be done, with the help of Azure, in 2 ways.

1. A Static Web App
2. A Function App

Now my Function App is broken. That's because Microsoft made a change to it and I haven't had time to figure this out yet. But the customer wants to move on.
So, in this blog post, I'm going to focus on how to use a Static Web App.

First of all, you need a GitHub account and repo for the "website". You can copy/fork my "website" from my GitHub account 👇.

scripts/avd-url-redirect at main · BurgerhoutJ/scripts

Contribute to BurgerhoutJ/scripts development by creating an account on GitHub.

GitHubBurgerhoutJ

What we need:

• Azure subscription
• GitHub account and repo for the "website"
• Static Web App
• Access to the DNS service

Let's get to work.

1. Log in to https://portal.azure.com
2. Click on Create a resource
3. Search for Static Web App and click on Create

4. Choose as Deployment Source for GitHub
5. Connect your GitHub account
6. Choose the repository
7. Choose the branch
8. At App location field, fill in "/" as root or in my case "/avd-url-redirect" as rootmap of the "app"

9. Click on Review + create
10. Click on Create and the web app will be configured

11. After the Static Web App has been built, you will see a overview like the below image.

12. You can open the "website" by clicking on the url in the top right of this overview blade.

Now we need to add a custom domain to this Static Web App.
13. Click on Add a custom domain
14. Click at Custom domain on Azure DNS or Custom domain on other DNS. I have an other DNS provider, so I choosed the 2nd option.

15. Fill in your custom domain name and click on Next

16. Choose for CNAME
17. Copy the displayed DNS record in to your DNS service.
18. Click on Add

19. Your custom domain is added to the Static Web App.

From now on, you can reach your Azure Virtual Desktop environment via your custom, company branded, url.

That is it for now. Until next time. 👋 🍻