{"id":8154,"date":"2019-07-17T17:17:00","date_gmt":"2019-07-17T17:17:00","guid":{"rendered":"https:\/\/rax-stg-wp-aws.com\/blogs\/static-storage-website-with-azure-front-door\/"},"modified":"2026-11-03T19:29:27","modified_gmt":"2026-11-03T19:29:27","slug":"static-storage-website-with-azure-front-door","status":"publish","type":"blogs","link":"https:\/\/www.rackspace.com\/de\/blogs\/static-storage-website-with-azure-front-door\/","title":{"rendered":"Static storage website with Azure Front Door"},"content":{"rendered":"

Introduction<\/strong><\/p>\n

One of the Azure multi-region topologies I have seen included an Azure Traffic Manager with Azure App Service Web Apps in each region. Some customers are cost conscious and would rather have a static web page display after a region failure with some generic message that there is a problem and it is being looked into. With the introduction of Azure Front Door, there are many capabilities that will not only enhance our live site, but will also serve as a cost-effective failover to a static website in a storage account.<\/p>\n

At a high level, the following steps are needed to configure a static website within Azure storage account:<\/p>\n

1) Create a general purpose v2<\/strong> storage account.
\n2) Click on Static website<\/strong> in the portal blade, enable it, and specify the Index document name<\/strong>.
\n3) Upload the static HTML page to the $web<\/strong> container.<\/p>\n

The primary endpoint for the static website then returns the uploaded HTML page.<\/p>\n

Detailed configuration steps<\/strong><\/p>\n

Following are more detailed instructions.<\/p>\n

1. Provision the resource<\/strong><\/p>\n

Within the Azure portal, provision a new Azure Front Door<\/strong> resource. Then, set the front-end host fully qualified domain name (FQDN), assign a unique name, and add it.<\/p>\n

2. Add the back-end pool<\/strong><\/p>\n

Add a back-end pool with a custom host name and back-end host header set to the URL of the static storage account website.<\/p>\n

\"Azure<\/p>\n

 3. Create a routing rule <\/strong><\/p>\n

Create a routing rule and save it with all the defaults. Within a few minutes, the FQDN of the front end resolves to the storage account. Add another back end to the existing back-end pool of your primary web app and then set the priorities to route the way you want it to.<\/p>\n

Normally, Azure Front Door is used for customer-facing environments, which enables you to set apex domain-based routing. At a high level, it lets you do the following things:<\/p>\n

1) Provision an Azure DNS zone.
\n2) Set your nameservers for the custom domain to point to the Azure nameservers for the DNS zone.
\n3) Create an A<\/em> <\/strong>record with a name of @.<\/strong>
\n4) Select Yes<\/em><\/strong> for the Alias record set and choose an Alias type of Azure Resource.<\/strong>
\n5) Select the Azure Resource Name for Azure Front Door in the Azure resource dropdown.<\/p>\n

\"azure<\/p>\n

 4. Add a new front-end host<\/strong><\/p>\n

\nBack in the Azure Front Door designer, add a new front-end host for the custom apex domain. Select both the existing routing rule and the custom apex domain. Then, update the setting.<\/p>\n

\"azure<\/p>\n

\nYou have two options to enable an HTTPS protocol for a custom domain within Azure Front Door. Front Door generates a certificate and manages it, or you can use your own certificate. Because I have my own prefix for my domains, I chose the second option, which involves Azure Key Vault. For more information, see Instructions for Azure Front Door HTTPS<\/a> and follow the instructions to configure it. <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Static storage website with Azure Front Door<\/p>\n","protected":false},"author":2,"featured_media":8156,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"content-type":"","nid":"26610","content_type":"blog","created_by":"10130","authored_on":"2024-02-13T18:17:00+00:00","field_article_industries":"","tag_category":"Technical","field_blog_author_text":"by Rackspace Technology Staff","seo_description":"Configure a static storage website with Azure Front Door for efficient failover. Leverage Front Door's capabilities for enhanced site reliability.\r\n","field_featured_image":"","insights_image":"\/wp-content\/uploads\/2026\/blog_technical_images\/26610-insights_image-microsoft-technical-blog-1-insights.jpg","field_partners":"","rxt_platforms":"Microsoft Azure","product":"","publisheddate":"2019-07-17T17:17:00","rxt_solutions":"Multicloud, Next-Gen Data Platforms","opengraph_tag":"","x_tag":"","teaser_flag":"Technical Blog","seo_titile":"Static storage website with Azure Front Door | Rackspace Technology","field_topics":"","field_slug":"azure-front-door-storage-static-website","footnotes":""},"categories":[178],"tags":[204],"class_list":["post-8154","blogs","type-blogs","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-technical"],"_links":{"self":[{"href":"https:\/\/www.rackspace.com\/de\/wp-json\/wp\/v2\/blogs\/8154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rackspace.com\/de\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/www.rackspace.com\/de\/wp-json\/wp\/v2\/types\/blogs"}],"author":[{"embeddable":true,"href":"https:\/\/www.rackspace.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rackspace.com\/de\/wp-json\/wp\/v2\/comments?post=8154"}],"version-history":[{"count":3,"href":"https:\/\/www.rackspace.com\/de\/wp-json\/wp\/v2\/blogs\/8154\/revisions"}],"predecessor-version":[{"id":9918,"href":"https:\/\/www.rackspace.com\/de\/wp-json\/wp\/v2\/blogs\/8154\/revisions\/9918"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rackspace.com\/de\/wp-json\/wp\/v2\/media\/8156"}],"wp:attachment":[{"href":"https:\/\/www.rackspace.com\/de\/wp-json\/wp\/v2\/media?parent=8154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rackspace.com\/de\/wp-json\/wp\/v2\/categories?post=8154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rackspace.com\/de\/wp-json\/wp\/v2\/tags?post=8154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}