Skip to main content

Configuring Azure Front Door Service

Hands-On Lab

 

Photo of

Training Architect

Length

00:30:00

Difficulty

Intermediate

The Azure Front Door service facilitates high availability on a global scale for web applications.

Within this hands-on lab, you will have the opportunity to create and configure the Azure Front Door service with Azure Web Apps.

What are Hands-On Labs?

Hands-On Labs are scenario-based learning environments where learners can practice without consequences. Don't compromise a system or waste money on expensive downloads. Practice real-world skills without the real-world risk, no assembly required.

Configuring Azure Front Door Service

In this lab, we will perform a proof of concept using the Azure Front Door service.

To do so, we will demonstrate how Azure Front Door can provide high availability in this scenario, ensuring the web application remains online, even if one Web App goes offline.

Before We Begin

To get started, use the provided credentials to log in to the Azure Portal.

Configure Azure Front Door

Complete the following to configure the Azure front door:

  1. Click on the + Create a resource option.
  2. Search for front door.
  3. Choose the Front Door option, then click on Create.
  4. Configure the front door service with the following settings:
    • Fill out the Basics page:
      • Subscription: Select the existing subscription
      • Resource group: Select the existing resource group
      • Click Next: Configuration >.
    • The Configuration - Frontends/domains page:
      • Host name: Use a unique name (e.g., fdlab1234)
      • Session Affinity: Disabled
      • Web Application Firewall: Disabled
      • Click Add.
    • The Configuration - Backend pools page:
      • Name: webapp - pool
      • Click Add a backend:
        • Backend host type: App service
        • Backend host name: Choose the first web app
        • Leave the remaining settings as default
        • Click Add
      • Add another backend:
        • Backend host type: App service
        • Backend host name: Choose the second web app
        • Leave the remaining settings as default
        • Click Add
      • Click Add
    • The Configuration - Routing rules page:
      • Name: default-route
      • Accepted protocol: HTTP and HTTPS
      • Frontends/domains: Select your frontend
      • Backened pool: webapp-pool
      • Leave all other settings as default
      • Click Add
  5. Click on Review + create.
  6. Click Create once the validation is complete.

Test the Azure Front Door

Complete the following to test the Azure front door.

Test the Azure Front Door

  1. Navigate to the Front Door service you just created.
  2. Click on Overview in the resource menu on the left-hand side.
  3. Click on Frontend host hyperlink within the working pane. You should see a standard Python web-app page.

Test High Availability

  1. Navigate to the App Services section in the Azure Portal.
  2. Stop the first Web App then reload the front door host: it should continue to work.
  3. Stop the second Web App then reload the front door host: it will now fail.

Conclusion

Congratulations! You've completed the lab!