Routing to different services

Question

Routing to different services

Eric Buist 1

Hi, I am trying to migrate my existing website from Hostpapa to Azure and getting trouble keeping the same structure. My website has three parts: static (X)HTML contents, a French Wordpress blog and an English Wordpress blog. I create an Azure Static App Service for the static contents, and two Azure App Service for the blogs. Now I want to tie this to my existing domain and cannot figure out how.

www.ericbuist.com should map to my static contents
www.ericbuist.com/wpblog should go to my French Wordpress blog
en.ericbuist.com/wpblog should go to my English Wordpress blog

If I cannot preserve these links, my two blogs are completely broken because of images. It was a major mistake to use Wordpress, I know now, because Wordpress wrongly links all images using absolute URLs hard-coding the full paths including domain name.

If Azure Static Webapp cannot handle that, is there an Azure service I could use to act as a kind of frontend that would route to the three internal services?

I am looking for a better way than creating an Azure Virtual Machine, install NGINX on it and map ericbuist.com to that, because configuration of NGINX is too complex and colleagues that attempted it got issues after issues.

Note that I needed to put totally random non-sense tags, which is yet another bummer for me. Yes, this a a detail, but this is really annoying to be stuck doing non-sense again, again, again, again, again. Why isn't there a way to add a "routing" or a "domain" tag?

Lex Li 6,037 Reputation points

2022-08-12T06:48:46.36+00:00

Azure clearly has services that you can use as reverse proxy, like Azure Application Gateway or Azure Front Door, but whether they are easier than your own nginx instance is really subjective. Besides, even if you want to run your own nginx, Azure Container App is a much cheaper option than your own VM (with auto scale builtin as well).

1 answer

Your answer

Lex Li 6,037 Reputation points

2022-08-12T06:48:46.36+00:00

Azure clearly has services that you can use as reverse proxy, like Azure Application Gateway or Azure Front Door, but whether they are easier than your own nginx instance is really subjective. Besides, even if you want to run your own nginx, Azure Container App is a much cheaper option than your own VM (with auto scale builtin as well).

Answer 1

ajkuma 28,036 Microsoft Employee Moderator

EricBuist-9623, Apologies for the delayed response.

Just to clarify, have provisioned Azure Static WebApp and App Service WebApp already?
Kindly let me know, how the following steps works, I'll follow-up with you. You may just migrate your site content to Azure App Service.
Broadley, you will have to go over these 3 steps:

1.Deploy WordPress (built in image) or a custom container
2.Migrate/copy the site contents over to App Service
3. Set/configure custom domain

Deploy:

You may create a WordPress site using the built-in image, as mentioned in this document
https://learn.microsoft.com/azure/app-service/quickstart-wordpress

Or

Deploy a customer container, as outlined in this doc Run a custom container in Azure

Migrate:

Once the App Service WebApp is provisioned.

You may copy the files to /home/site/wwwroot for Linux.

Checkout the steps to deploy files to App Service

Alternatively

If you had taken backups of your WordPress site, you could use your latest backup for the migration.
https://azureossd.github.io/2020/08/07/wordpress-migration-plan-to-azure/

ajkuma 28,036 Reputation points Microsoft Employee Moderator

2022-08-03T13:18:41.907+00:00
Configure Domain:

Azure WebApp when created adds a default domain name. The URL of the web app becomes http://<app-name>.azurewebsites.net, where <app-name> is your app name.

Configure custom domain:

To add a custom domain to your app, you need to verify your ownership of the domain by adding a verification ID as a TXT record with your domain provider.
Log into your DNS registrar's management portal that owns your domain. Add the www CNAME record for your Azure WebApp generated URL.

• Map a subdomain by using a CNAME record.
• Map a root domain by using an A record.

Tutorial: Map an existing custom DNS name to Azure App Service

Checkout this doc for configuration:

Configure Nginx for PHP 8 Linux Azure App Service - review the config details.

In regards to tags - On Microsoft Q&A, the Azure tags are aligned to Azure.com services/product catalogue, and so there are no generic tags for 'domain' or 'routing'. Please see this for more info:
https://learn.microsoft.com/answers/products/azure?product=all

Share via

Routing to different services

1 answer

Your answer