Azure App Service (WordPress): how to add/configure Classic Front Door

Stephen Wartel 60 Reputation points
2023-07-12T21:05:23.1333333+00:00

Hi,

I am a beginner using Azure. Have set up an App Service WordPress site with custom domain. Need to set up and try out Classic Front Door (add it and configure it) to integrate with this already running WordPress App Service so that I can add access restrict rules to prevent direct access to content on the backend. Possibly WAF also, although since Classic Front Door will double my monthly costs, and may not once added and configured achieve the needed result, may wait on adding WAF (which will triple monthly costs) until after checking first on Classic Front Door results.

Have found the location in my portal to add and begin to configure Classic Front Door but, as a beginner, I am not sure what to enter into the fields to integrate with my current App Service WordPress? Some ideas here, but still not sure: https://gunnarpeipman.com/wordpress-azure-front-door/

screenshot

Hoping not to make a "mess" that then needs to be unraveled, canceled and redone. Or worse yet, corrupts the App Service WordPress site.

Wondered if at my Basic subscription level if there is a Microsoft/Azure tech support engineer to walk me through the addition, set-up and configuration with my WordPress App Service? This would be a big help.

Any help or suggestions much appreciated.

Thank you in advance.

Azure Front Door
Azure Front Door
An Azure service that provides a cloud content delivery network with threat protection.
580 questions
Azure App Service
Azure App Service
Azure App Service is a service used to create and deploy scalable, mission-critical web apps.
6,915 questions
0 comments No comments
{count} votes

3 answers

Sort by: Most helpful
  1. Konstantinos Passadis 17,286 Reputation points MVP
    2023-07-12T21:11:56.8333333+00:00

    Hello @Stephen Wartel !

    These are correct steps for you :

    https://blog.baeke.info/2019/11/29/front-door-with-wordpress-on-azure-app-service/

    I hope this helps!

    Kindly mark the answer as Accepted and Upvote in case it helped!

    Regards

    1 person found this answer helpful.

  2. Deleted

    This answer has been deleted due to a violation of our Code of Conduct. The answer was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.


    Comments have been turned off. Learn more

  3. GitaraniSharma-MSFT 47,676 Reputation points Microsoft Employee
    2023-07-14T17:16:15.15+00:00

    Hello @Stephen Wartel ,

    Welcome to Microsoft Q&A Platform. Thank you for reaching out & hope you are doing well.

    I understand that you would like to know how to add/configure a Classic Azure Front Door in front of Azure App Service (WordPress) which is setup with a custom domain and add access restrict rules to prevent direct access to content on the backend by using WAF.

    If you are using WordPress on App Service offering from Azure Marketplace, then it supports Azure Front Door Integration, but I believe it only provides 2 SKU choices of AFD : Standard and Premium.

    Refer: https://azure.github.io/AppService/2022/10/12/Announcing-Preview-of-Azure-Front-Door-integration-with-Azure-App-Service.html

    https://learn.microsoft.com/en-us/azure/architecture/example-scenario/infrastructure/wordpress-app-service

    https://learn.microsoft.com/en-us/azure/app-service/quickstart-wordpress

    https://github.com/Azure/wordpress-linux-appservice/blob/main/WordPress/wordpress_afd_configuration.md

    But since you mentioned you would like to use Classic Azure Front Door, you can manually create a Front Door and add the app service in it's backend.

    You can follow the below doc or this blog for the configuration:

    https://learn.microsoft.com/en-us/azure/frontdoor/quickstart-create-front-door

    Note: The above doc shows how to add 2 webapps but you can just one in the same way.

    Azure recommends that you preserve the original HTTP host name when you use a reverse proxy in front of a web application. Having a different host name at the reverse proxy than the one that's provided to the back-end application server can lead to cookies or redirect URLs that don't work properly.

    So, when you use an App service with custom domain behind the Azure Front Door, you can avoid overriding the host name by leaving the back-end host header blank in the back-end pool definition as below:

    User's image

    Refer: https://learn.microsoft.com/en-us/azure/architecture/best-practices/host-name-preservation#azure-front-door

    You can also add a custom domain to your Azure Front Door, if needed.

    Refer: https://learn.microsoft.com/en-us/azure/frontdoor/front-door-custom-domain

    Now, coming to your requirement of restricting the application by using Azure Front Door and Azure Web Application Firewall (WAF), you can refer the below doc:

    https://learn.microsoft.com/en-us/azure/frontdoor/front-door-waf

    Kindly let us know if the above helps or you need further assistance on this issue.


    Please "Accept the answer" if the information helped you. This will help us and others in the community as well.

    1 person found this answer helpful.