How To Configure Front Door For An Azure App

For content and apps, Azure Front Door is a cutting-edge cloud content delivery network (CDN) service that offers high performance, scalability, and secure user experiences. This can be set up with a few easy steps,

Prerequisites

• An Azure account with an active subscription. Create an account for free.
• Two Webapps created in Azure

1. Create an Azure Front Door Service

Create a new Front Door service on the Azure portal. To configure your Front Door service, simply adhere to the prompts. Give your service a name in the Basics tab and select a subscription, resource group, and region.

Create a new frontend host under the Frontend host area, then enter a unique domain name for your Front Door service. Also, you must set up your domain's SSL settings by utilizing the Azure-managed certificate or uploading your own SSL certificate.

2. Define a backend pool

Create a backend pool in the front door and add your Azure App as a backend endpoint. Next, create a new backend pool and add your Azure App as a backend endpoint In the Backend pools tab. Select to create a new backend pool, and Provide your Azure App's hostname and port. If you have already created web apps or any backend host type, it will automatically show under the drop list in the backend hostname after you select the correct subscription. Here you need to add the web apps where you have created your web applications.

3. Define routing rules

Create routing rules to define how traffic should be routed to your Azure App. For example, you might create a routing rule that forwards all requests to your custom domain (e.g., https://www.example.com/*) to your Azure App backend pool

Create a new routing rule in the Routing rules tab to forward traffic to your Azure App backend pool. Choose to create a new routing rule and provide a name for your rule. 

In the Match condition section, specify the frontend host and path pattern for the requests you want to route to your Azure App. For example, you might specify https://www.example.com/* to route all requests for your custom domain to your Azure App. In the Backend section, select your Azure App backend pool as the target for the requests.

When constructing a Front Door, it takes a few minutes for the configuration to be globally distributed. Once everything is finished, go to the frontend host you made, copy the "Front end hostname" and paste your frontend host address into a browser. Your request will be automatically routed to the backend pool's configured servers closest to you.

You'd see an information page if you created these apps using this quickstart.

4. Finally, Configure DNS

Update your domain's DNS settings to point to your Front Door service's DNS endpoint. This will typically involve creating a CNAME record that maps your custom domain to the Front Door service endpoint, which will be in the form "yourfrontdoordns.azurefd.net". 

Once you have completed these steps, traffic to your custom domain will be routed through the Front Door service to your Azure App backend. Azure Front Door provides several advanced features for load balancing, traffic routing, and global distribution, which you can configure as needed to optimize the performance and availability of your application.