빠른 시작: 고가용성 글로벌 웹 애플리케이션에 대한 Front Door 만들기Quickstart: Create a Front Door for a highly available global web application

이 빠른 시작에서는 글로벌 웹 애플리케이션에 고가용성 및 고성능을 제공하는 Front Door 프로필을 만드는 방법을 설명합니다.This quickstart describes how to create a Front Door profile that delivers high availability and high performance for your global web application.

이 빠른 시작에 설명된 시나리오에는 서로 다른 Azure 지역에서 실행되는 두 개의 웹 애플리케이션 인스턴스가 포함되어 있습니다.The scenario described in this quickstart includes two instances of a web application running in different Azure regions. 동등한 가중치 및 동일한 우선 순위 백 엔드를 기반으로 애플리케이션을 실행하는 가장 가까운 사이트 백 엔드에 사용자 트래픽을 보내는 Front Door 구성이 만들어집니다.A Front Door configuration based on equal weighted and same priority backends is created that helps direct user traffic to the nearest set of site backends running the application. Front Door는 지속적으로 웹 애플리케이션을 모니터링하다가 가장 가까운 사이트를 사용할 수 없게 되면 그 다음 가용 백업 사이트로 자동 장애 조치(failover)합니다.Front Door continuously monitors the web application and provides automatic failover to the next available backend when the nearest site is unavailable.

Azure 구독이 아직 없는 경우 시작하기 전에 체험 계정을 만듭니다.If you don't have an Azure subscription, create a free account before you begin.

Azure에 로그인Sign in to Azure

https://portal.azure.com 에서 Azure Portal에 로그인합니다.Sign in to the Azure portal at https://portal.azure.com.

필수 조건Prerequisites

이 빠른 시작을 진행하려면 서로 다른 Azure 지역(미국 동부유럽 서부)에서 실행되는 두 개의 웹 애플리케이션 인스턴스를 배포해야 합니다.This quickstart requires that you have deployed two instances of a web application running in different Azure regions (East US and West Europe). 두 웹 애플리케이션 인스턴스 모두 활성/활성 모드에서 실행됩니다. 즉, 둘 중 하나가 장애 조치(failover) 역할을 하는 능동/대기 모드와는 달리 둘 중 하나가 언제든지 트래픽을 받을 수 있습니다.Both the web application instances run in Active/Active mode, that is, either of them can take traffic at any time unlike a Active/Stand-By configuration where one acts as a failover.

  1. 화면 왼쪽 상단에서 리소스 만들기 > > 웹앱 > 만들기를 선택합니다.On the top left-hand side of the screen, select Create a resource > Web > Web App > Create.

  2. 웹앱에서, 다음 정보를 입력 또는 선택하고, 지정된 설정이 없으면 기본 설정을 입력합니다.In Web App, enter or select the following information and enter default settings where none are specified:

    설정Setting Value
    NameName 웹앱의 고유한 이름을 입력합니다.Enter a unique name for your web app
    Resource groupResource group 새로 만들기를 선택한 다음, myResourceGroupFD1을 입력합니다.Select New, and then type myResourceGroupFD1
    App Service 계획/위치App Service plan/Location 새로 만들기를 선택합니다.Select New. App Service 계획에서 myAppServicePlanEastUS를 입력하고 확인을 선택합니다.In the App Service plan, enter myAppServicePlanEastUS, and then select OK.
    위치Location 미국 동부East US
  3. 만들기를 선택합니다.Select Create.

  4. 웹앱이 배포되면 기본 웹 사이트가 생성됩니다.A default website is created when the Web App is successfully deployed.

  5. 1-3 단계를 반복하여 다른 Azure 지역에 다음 설정으로 두 번째 웹 사이트를 만듭니다.Repeat steps 1-3 to create a second website in a different Azure region with the following settings:

    설정Setting Value
    NameName 웹앱의 고유한 이름을 입력합니다.Enter a unique name for your Web App
    Resource groupResource group 새로 만들기를 선택한 다음, myResourceGroupFD2를 입력합니다.Select New, and then type myResourceGroupFD2
    App Service 계획/위치App Service plan/Location 새로 만들기를 선택합니다.Select New. App Service 계획에서 myAppServicePlanWestEurope을 입력하고 확인을 선택합니다.In the App Service plan, enter myAppServicePlanWestEurope, and then select OK.
    위치Location 서유럽West Europe

애플리케이션에 대한 Front Door 만들기Create a Front Door for your application

a.A. Front Door에 대한 프런트 엔드 호스트 추가Add a frontend host for Front Door

두 개의 백 엔드 간의 가장 낮은 대기 시간에 따라 사용자 트래픽을 전달하는 Front Door 구성을 만듭니다.Create a Front Door configuration that directs user traffic based on lowest latency between the two backends.

  1. 화면 왼쪽 상단에서 리소스 만들기 > 네트워킹 > Front Door > 만들기를 선택합니다.On the top left-hand side of the screen, select Create a resource > Networking > Front Door > Create.
  2. Front Door 만들기에서, 기본 정보를 추가하고 Front Door를 구성할 구독을 제공합니다.In the Create a Front Door, you start with adding the basic info and provide a subscription where you want the Front Door to be configured. 다른 Azure 리소스와 마찬가지로, 새로 만드는 경우 ResourceGroup 및 리소스 그룹 영역을 새로 제공해야 합니다.Similarly, like any other Azure resource you also need to provide a ResourceGroup and a Resource Group region if you are creating a new one. 마지막으로, Front Door의 이름을 제공해야 합니다.Lastly, you need to provide a name for your Front Door.
  3. 기본 정보를 입력한 후 정의할 첫 번째 단계는 구성에 대한 프런트 엔드 호스트입니다.Once the basic info is filled in, the first step you need to define is the frontend host for the configuration. 결과는 myappfrontend.azurefd.net처럼 유효한 도메인 이름이어야 합니다.The result should be a valid domain name like myappfrontend.azurefd.net. 이 호스트 이름은 글로벌하게 고유해야 하지만 Front Door가 유효성 검사를 처리할 것입니다.This hostname needs to be globally unique but Front Door will take care of that validation.

B.B. 애플리케이션 백 엔드 및 백 엔드 풀 추가Add application backend and backend pools

다음으로, 애플리케이션이 어디에 상주하는지 Front Door가 알 수 있도록 백 엔드 풀에 애플리케이션 백 엔드를 구성해야 합니다.Next, you need to configure your application backend(s) in a backend pool for Front Door to know where your application resides.

  1. '+' 아이콘을 클릭하여 백 엔드 풀을 추가하고 백 엔드 풀의 이름을 지정합니다(예: myBackendPool).Click the '+' icon to add a backend pool and then specify a name for your backend pool, say myBackendPool.
  2. 다음으로, [백 엔드 추가]를 클릭하고 앞에서 만든 웹 사이트를 추가합니다.Next, click on Add Backends to add your websites created earlier.
  3. 대상 호스트 유형을 'App Service'로 선택하고, 웹 사이트를 만든 구독을 선택하고, 대상 호스트 이름에서 첫 번째 웹사이트, 즉 myAppServicePlanEastUS.azurewebsites.net을 선택합니다.Select Target host type as 'App Service', select the subscription in which you created the web site and then choose the first web site from the Target host name, that is, myAppServicePlanEastUS.azurewebsites.net.
  4. 나머지 필드는 그대로 두고 추가' 를 클릭합니다.Leave the remaining fields as is for now and click Add'.
  5. 2~4단계를 반복하여 다른 웹 사이트, 즉, myAppServicePlanWestEurope.azurewebsites.net을 추가합니다.Repeat steps 2 to 4 to add the other website, that is, myAppServicePlanWestEurope.azurewebsites.net
  6. 필요에 따라 백 엔드 풀의 상태 프로브 및 부하 분산 설정을 업데이트할 수 있지만, 기본값을 사용해도 정상적으로 작동합니다.You can optionally choose to update the Health Probes and Load Balancing settings for the backend pool, but the default values should also work. 추가를 클릭합니다.Click Add.

C.C. 라우팅 규칙 추가Add a routing rule

마지막으로, 회람 규칙에서 '+' 아이콘을 클릭하여 회람 규칙을 구성합니다.Lastly, click the '+' icon on Routing rules to configure a routing rule. 이렇게 해야만 프런트 엔드 호스트를 백 엔드 풀에 매핑할 수 있으며, 엄밀하게 말해서 myappfrontend.azurefd.net로 요청이 들어오면 백 엔드 풀 myBackendPool로 전달하도록 구성하는 것입니다.This is needed to map your frontend host to the backend pool, which basically is configuring that if a request comes to myappfrontend.azurefd.net, then forward it to the backend pool myBackendPool. 추가를 클릭하여 Front Door에 대한 회람 규칙을 추가합니다.Click Add to add the routing rule for your Front Door. 이제 Front Door를 만들 시간이므로 검토 및 만들기를 클릭합니다.You should now be good to creating the Front Door and so click on Review and Create.

경고

반드시 Front Door의 각 프런트 엔드 호스트에 기본 경로('/*')가 연결된 회람 규칙이 있어야 합니다.You must ensure that each of the frontend hosts in your Front Door has a routing rule with a default path ('/*') associated with it. 즉, 모든 회람 규칙에서 기본 경로('/*')에 정의된 각 프런트 엔드 호스트의 회람 규칙이 하나 이상 있어야 합니다.That is, across all of your routing rules there must be at least one routing rule for each of your frontend hosts defined at the default path ('/*'). 그렇지 않으면 최종 사용자 트래픽이 올바르게 라우팅되지 않을 수 있습니다.Failing to do so, may result in your end-user traffic not getting routed correctly.

작동 중인 View FrontView Front Door in action

View Front를 만든 후 구성이 모든 곳에 글로벌하게 배포될 때까지 몇 분 정도 걸립니다.Once you create a Front Door, it will take a few minutes for the configuration to be deployed globally everywhere. 배포가 완료되면 앞에서 만든 프런트 엔드 호스트에 액세스합니다. 다시 말해서, 웹 브라우저로 이동하여 myappfrontend.azurefd.net URL을 누릅니다.Once complete, access the frontend host you created, that is, go to a web browser and hit the URL myappfrontend.azurefd.net. 백 엔드 풀에 지정된 백 엔드에서 가장 가까운 백 엔드로 요청이 자동 라우팅됩니다.Your request will automatically get routed to the nearest backend to you from the specified backends in the backend pool.

Front Door 핸들 애플리케이션 장애 조치(failover) 보기View Front Door handle application failover

작동 중인 Front Door의 인스턴트 글로벌 장애 조치(failover)를 테스트하려면 앞에서 만든 웹 사이트 중 하나로 이동하여 웹 사이트를 중지합니다.If you want to test Front Door's instant global failover in action, you can go to one of the web sites you created and stop it. 백 엔드 풀에 대해 정의된 상태 프로브 설정에 따라, 트래픽을 다른 웹 사이트 배포로 즉시 장애 조치(failover)할 것입니다.Based on the Health Probe setting defined for the backend pool, we will instantly fail over the traffic to the other web site deployment. Front Door의 백 엔드 풀 구성에서 백 엔드를 사용하지 않도록 설정하여 동작을 테스트할 수도 있습니다.You can also test behavior, by disabling the backend in the backend pool configuration for your Front Door.

리소스 정리Clean up resources

더 이상 필요하지 않은 리소스 그룹, 웹 애플리케이션 및 모든 관련 리소스를 삭제합니다.When no longer needed, delete the resource groups, web applications, and all related resources.

다음 단계Next steps

이 빠른 시작에서는 고가용성 및 고성능이 필요한 웹 애플리케이션에 대한 사용자 트래픽을 보낼 수 있도록 Front Door를 만들었습니다.In this quickstart, you created a Front Door that allows you to direct user traffic for web applications that require high availability and maximum performance. 트래픽 라우팅에 대한 자세한 내용은 Front Door에서 사용하는 라우팅 방법을 참조하세요.To learn more about routing traffic, read the Routing Methods used by Front Door.