{"id":3970,"date":"2023-11-04T23:13:57","date_gmt":"2023-11-04T23:13:57","guid":{"rendered":"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/"},"modified":"2023-11-05T05:48:27","modified_gmt":"2023-11-05T05:48:27","slug":"deploying-a-web-app-globally-with-azure-front-door","status":"publish","type":"post","link":"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/","title":{"rendered":"Deploying a web app globally with Azure Front Door"},"content":{"rendered":"<p>As the world becomes increasingly digital, businesses are looking for ways to make their web applications more accessible to users around the globe. One way to achieve this is by deploying your web app globally, which can improve performance, increase availability, and reduce latency. Azure Front Door is a cloud-based service provided by Microsoft that makes it easy to deploy web apps globally. In this tutorial, we will walk you through the steps required to deploy a web app globally with Azure Front Door.<\/p>\n<h2>Prerequisites<\/h2>\n<p>To follow this tutorial, you will need the following:<\/p>\n<ul>\n<li>An Azure subscription<\/li>\n<li>A web app deployed in Azure<\/li>\n<li>A custom domain name<\/li>\n<li>An SSL\/TLS certificate for the custom domain name<\/li>\n<\/ul>\n<h2>Step 1: Create a Front Door resource<\/h2>\n<p>The first step in deploying your web app globally with Azure Front Door is to create a Front Door resource.<\/p>\n<ol>\n<li>Log in to the Azure portal.<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Create a resource&#8221; in the left-hand menu.<\/p>\n<\/li>\n<li>\n<p>In the search box, type &#8220;Front Door&#8221;.<\/p>\n<\/li>\n<li>\n<p>Select &#8220;Front Door&#8221; from the search results.<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Create&#8221; to begin creating a new Front Door resource.<\/p>\n<\/li>\n<li>\n<p>In the &#8220;Basics&#8221; tab, enter a name for your Front Door resource.<\/p>\n<\/li>\n<li>\n<p>Select the subscription, resource group, and location where you want to deploy your Front Door resource.<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Review + create&#8221; to review your settings.<\/p>\n<\/li>\n<li>\n<p>Once you have reviewed your settings, click on &#8220;Create&#8221; to create your Front Door resource.<\/p>\n<\/li>\n<\/ol>\n<h2>Step 2: Add a frontend host<\/h2>\n<p>Now that you have created a Front Door resource, the next step is to add a frontend host. A frontend host is the domain name that you want to use for your web app.<\/p>\n<ol>\n<li>In the Azure portal, navigate to your Front Door resource.<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Frontend hosts&#8221;.<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Add&#8221;.<\/p>\n<\/li>\n<li>\n<p>Enter the name of your custom domain name (e.g. www.example.com).<\/p>\n<\/li>\n<li>\n<p>If you have an SSL\/TLS certificate for your custom domain name, click on &#8220;Add certificate&#8221; and upload your certificate.<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Add&#8221; to add your frontend host.<\/p>\n<\/li>\n<\/ol>\n<h2>Step 3: Add a backend pool<\/h2>\n<p>The next step is to add a backend pool. A backend pool is the collection of web app instances that your Front Door resource will load balance traffic across.<\/p>\n<ol>\n<li>In the Azure portal, navigate to your Front Door resource.<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Backend pools&#8221;.<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Add&#8221;.<\/p>\n<\/li>\n<li>\n<p>Enter a name for your backend pool.<\/p>\n<\/li>\n<li>\n<p>Under &#8220;Backend pool host name type&#8221;, select &#8220;Custom host name&#8221; and enter the hostname of your web app (e.g. mywebapp.azurewebsites.net).<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Add&#8221; to add your backend pool.<\/p>\n<\/li>\n<\/ol>\n<h2>Step 4: Create a routing rule<\/h2>\n<p>The final step is to create a routing rule. A routing rule determines how traffic should be routed to your web app instances.<\/p>\n<ol>\n<li>In the Azure portal, navigate to your Front Door resource.<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Routing rules&#8221;.<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Add&#8221;.<\/p>\n<\/li>\n<li>\n<p>Enter a name for your routing rule.<\/p>\n<\/li>\n<li>\n<p>Under &#8220;Frontend hosts&#8221;, select the custom domain name that you added in Step 2.<\/p>\n<\/li>\n<li>\n<p>Under &#8220;Backend pool&#8221;, select the backend pool that you created in Step 3.<\/p>\n<\/li>\n<li>\n<p>Under &#8220;Routing settings&#8221;, select the protocol that your web app uses (e.g. HTTP or HTTPS).<\/p>\n<\/li>\n<li>\n<p>Under &#8220;Route type&#8221;, select &#8220;Forward&#8221;.<\/p>\n<\/li>\n<li>\n<p>Click on &#8220;Add&#8221; to add your routing rule.<\/p>\n<\/li>\n<\/ol>\n<h2>Step 5: Update DNS records<\/h2>\n<p>The final step is to update your DNS records to point to your Front Door resource.<\/p>\n<ol>\n<li>In your DNS provider&#8217;s control panel, create a CNAME record for your custom domain name that points to the hostname of your Front Door resource (e.g. yourfrontdoorresource.azurefd.net).<\/p>\n<\/li>\n<li>\n<p>Wait for the DNS record to propagate (this can take up to 24 hours).<\/p>\n<\/li>\n<\/ol>\n<p>Once the DNS record has propagated, users around the globe will be able to access your web app through your custom domain name, and traffic will be load balanced across your web app instances by your Front Door resource.<\/p>\n<h2>Conclusion<\/h2>\n<p>Deploying a web app globally with Azure Front Door is a powerful way to improve the performance and availability of your web app. By following the steps outlined in this tutorial, you can easily deploy your web app globally and provide a fast and reliable experience to users around the world. If you have any questions or need further assistance, don&#8217;t hesitate to reach out to Azure support.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As the world becomes increasingly digital, businesses are looking for ways to make their web applications more accessible to users around the globe. One way to achieve this is by deploying your web app globally, which can improve performance, increase availability, and reduce latency. Azure Front Door is a cloud-based <a href=\"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/\" class=\"btn btn-link continue-link\">Continue Reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[623,626,624,627,625,622],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Deploying a web app globally with Azure Front Door - Pantherax Blogs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Deploying a web app globally with Azure Front Door\" \/>\n<meta property=\"og:description\" content=\"As the world becomes increasingly digital, businesses are looking for ways to make their web applications more accessible to users around the globe. One way to achieve this is by deploying your web app globally, which can improve performance, increase availability, and reduce latency. Azure Front Door is a cloud-based Continue Reading\" \/>\n<meta property=\"og:url\" content=\"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/\" \/>\n<meta property=\"og:site_name\" content=\"Pantherax Blogs\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-04T23:13:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-05T05:48:27+00:00\" \/>\n<meta name=\"author\" content=\"Panther\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Panther\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Panther\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\"\n\t            },\n\t            \"headline\": \"Deploying a web app globally with Azure Front Door\",\n\t            \"datePublished\": \"2023-11-04T23:13:57+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:27+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/\"\n\t            },\n\t            \"wordCount\": 707,\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"keywords\": [\n\t                \"\\\"Azure Front Door\\\"\",\n\t                \"\\\"CDN caching\\\"\",\n\t                \"\\\"global deployment\\\"\",\n\t                \"\\\"traffic routing\\\"]\",\n\t                \"\\\"website performance\\\"\",\n\t                \"[\\\"Deploying web app\\\"\"\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/\",\n\t            \"url\": \"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/\",\n\t            \"name\": \"Deploying a web app globally with Azure Front Door - Pantherax Blogs\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#website\"\n\t            },\n\t            \"datePublished\": \"2023-11-04T23:13:57+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:27+00:00\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"http:\/\/localhost:10003\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Deploying a web app globally with Azure Front Door\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#website\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"http:\/\/localhost:10003\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": \"required name=search_term_string\"\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#organization\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"contentUrl\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"width\": 1024,\n\t                \"height\": 1024,\n\t                \"caption\": \"Pantherax Blogs\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\",\n\t            \"name\": \"Panther\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/image\/\",\n\t                \"url\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"contentUrl\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"caption\": \"Panther\"\n\t            },\n\t            \"sameAs\": [\n\t                \"http:\/\/localhost:10003\"\n\t            ],\n\t            \"url\": \"http:\/\/localhost:10003\/author\/pepethefrog\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Deploying a web app globally with Azure Front Door - Pantherax Blogs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/","og_locale":"en_US","og_type":"article","og_title":"Deploying a web app globally with Azure Front Door","og_description":"As the world becomes increasingly digital, businesses are looking for ways to make their web applications more accessible to users around the globe. One way to achieve this is by deploying your web app globally, which can improve performance, increase availability, and reduce latency. Azure Front Door is a cloud-based Continue Reading","og_url":"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/","og_site_name":"Pantherax Blogs","article_published_time":"2023-11-04T23:13:57+00:00","article_modified_time":"2023-11-05T05:48:27+00:00","author":"Panther","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Panther","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/#article","isPartOf":{"@id":"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/"},"author":{"name":"Panther","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7"},"headline":"Deploying a web app globally with Azure Front Door","datePublished":"2023-11-04T23:13:57+00:00","dateModified":"2023-11-05T05:48:27+00:00","mainEntityOfPage":{"@id":"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/"},"wordCount":707,"publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"keywords":["\"Azure Front Door\"","\"CDN caching\"","\"global deployment\"","\"traffic routing\"]","\"website performance\"","[\"Deploying web app\""],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/","url":"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/","name":"Deploying a web app globally with Azure Front Door - Pantherax Blogs","isPartOf":{"@id":"http:\/\/localhost:10003\/#website"},"datePublished":"2023-11-04T23:13:57+00:00","dateModified":"2023-11-05T05:48:27+00:00","breadcrumb":{"@id":"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/localhost:10003\/deploying-a-web-app-globally-with-azure-front-door\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/localhost:10003\/"},{"@type":"ListItem","position":2,"name":"Deploying a web app globally with Azure Front Door"}]},{"@type":"WebSite","@id":"http:\/\/localhost:10003\/#website","url":"http:\/\/localhost:10003\/","name":"Pantherax Blogs","description":"","publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/localhost:10003\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/localhost:10003\/#organization","name":"Pantherax Blogs","url":"http:\/\/localhost:10003\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/","url":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","contentUrl":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","width":1024,"height":1024,"caption":"Pantherax Blogs"},"image":{"@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7","name":"Panther","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/person\/image\/","url":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","contentUrl":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","caption":"Panther"},"sameAs":["http:\/\/localhost:10003"],"url":"http:\/\/localhost:10003\/author\/pepethefrog\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/3970"}],"collection":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/comments?post=3970"}],"version-history":[{"count":1,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/3970\/revisions"}],"predecessor-version":[{"id":4606,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/3970\/revisions\/4606"}],"wp:attachment":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/media?parent=3970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/categories?post=3970"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/tags?post=3970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}