Azure Front Door
🎀Let’s explore the steps involved to implement the Azure Front door
🎀Creation of two web applications that are configured in two different regions.
🌈Sign in to the portal using https://portal.azure.com
🎀Lets us create the first instance of the Web application.
🌈Click on Create a resource.
🌈Search for Webapp.
🌈Click on Webapp. Enter the required information like Subscription, RG, Name, Publish, and Runtime Stack as shown in the below screenshot on the basis tab.
🌈Provide the Windows Plan and Pricing Plan.
🌈Provide the tags and leave the rest as defaults. Click on the Review + Create option
🌈created the First web application 😎
🌈Go to the CNL-First-Webapp that was created in the North Europe region, navigate to Deployment tools, and Click on App Service Editor-Click on Open Editor
🌈Add the Default.html page and enter the HTML code.
🎀Now let’s create a second instance of the web app.
🌈Follow the steps except for the Resource group, Name, Region, and App Service plan.
🌈Below is the snippet of the second instance of the Web app that is deployed.
🌈Go to the secondary Webapp CNL-remote and modify the default HTML page for the application.
🌈Click on the domain name to check whether the webpage is coming up for both instances.
🎀Creation of Azure Front Door.
🌈Now let’s configure Azure Front Door so that traffic is routed to the web app servers with the lowest latency to improve the user experience.
🌈Go to the marketplace and search for front door service, Select the Front Door and CDN Profiles.
🌈Click on Create to create the profile.
🌈On the Compare offering page — select the Azure Front Door and create a custom create or you can select Explore other offerings to create the Azure Front Door (Classic) profile.
🌈On the Basics page of the profile, enter the required information like Subscription, Resource group, and location.
🌈On the Endpoint page, Click on Add an endpoint.
🌈Add the Endpoint name — Click on Add — as shown below.
🌈Click on Add a route.
🌈Enter the name of the route and click on add a new origin group, it opens up a new page.
🌈Enter the name of the origin and click on Add an Origin. Provide the necessary details as shown below, and Click on Add.
🌈Click again on Add an Origin and add the Secondary web app details.
🌈Once all the necessary information is entered, Click on Add, to return to the endpoint page.
🌈Click on Review+create.
🌈Deployment takes some time please hold on.
🌈Successfully deployed Azure Front door.
🎀Testing the Azure Front Door.
🌈Click on the overview of the CNL-Frontdoor, and click on the Endpoint hostname.
🌈Wait for 5 minutes, before the page comes up.
🌈Stop the Secondary web app.
🌈After one minute, refresh the web browser to check whether it’s routed to the Primary web app.
Clean-up: Delete the resource group that was created for Webapps and Azure Front Door.
🎀Conclusion: In summary, Azure Front Door pools two web application instances from different Azure regions. With the same-priority backends, it directs traffic to the closest operational site. Continuous monitoring ensures automatic failover to an alternative site if the nearest one becomes unavailable.
