Inicio rápido: Cree una instancia de Front Door para una aplicación web global de alta disponibilidad.Quickstart: Create a Front Door for a highly available global web application

Empiece a trabajar con Azure Front Door mediante Azure Portal para configurar alta disponibilidad para una aplicación web.Get started with Azure Front Door by using the Azure portal to set up high availability for a web application.

En este inicio rápido, Azure Front Door agrupa dos instancias de una aplicación web que se ejecutan en regiones diferentes de Azure.In this quickstart, Azure Front Door pools two instances of a web application that run in different Azure regions. Cree una configuración de Front Door basada en back-ends con la misma ponderación y prioridad.You create a Front Door configuration based on equal weighted and same priority backends. Esta configuración dirige el tráfico al sitio más cercano que ejecuta la aplicación.This configuration directs traffic to the nearest site that runs the application. Azure Front Door supervisa continuamente la aplicación web.Azure Front Door continuously monitors the web application. El servicio proporciona conmutación automática por error al siguiente sitio disponible si el sitio más cercano no lo está.The service provides automatic failover to the next available site when the nearest site is unavailable.

PrerrequisitosPrerequisites

Creación de dos instancias de una aplicación webCreate two instances of a web app

Este inicio rápido requiere dos instancias de una aplicación web que se ejecuten en regiones diferentes de Azure.This quickstart requires two instances of a web application that run in different Azure regions. Ambas instancias de la aplicación web se ejecutan en modo activo/activo, por lo que cualquiera de ellas puede asumir el tráfico.Both the web application instances run in Active/Active mode, so either one can take traffic. Esta configuración difiere de una configuración activa/en espera, en la que una realiza la conmutación por error.This configuration differs from an Active/Stand-By configuration, where one acts as a failover.

Si aún no tiene una aplicación web, use los pasos siguientes para configurar aplicaciones web de ejemplo.If you don't already have a web app, use the following steps to set up example web apps.

  1. Inicie sesión en Azure Portal en https://portal.azure.com.Sign in to the Azure portal at https://portal.azure.com.

  2. En la parte superior izquierda de la pantalla, seleccione Crear un recurso > WebApp.On the top left-hand side of the screen, select Create a resource > WebApp.

    Creación de una aplicación web en Azure Portal

  3. En la pestaña Aspectos básicos de la página Crear aplicación web, escriba o seleccione la información siguiente.In the Basics tab of Create Web App page, enter or select the following information.

    ConfiguraciónSetting ValueValue
    SuscripciónSubscription Seleccione su suscripción.Select your subscription.
    Grupos de recursosResource group Seleccione Crear nuevo y escriba FrontDoorQS_rg1 en el cuadro de texto.Select Create new and enter FrontDoorQS_rg1 in the text box.
    NombreName Escriba un Nombre único para la aplicación web.Enter a unique Name for your web app. En este ejemplo se usa WebAppContoso-1.This example uses WebAppContoso-1.
    PublicarPublish Seleccione Código.Select Code.
    Pila del entorno en tiempo de ejecuciónRuntime stack Seleccione .NET Core 2.1 (LTS) .Select .NET Core 2.1 (LTS).
    Sistema operativoOperating System Seleccione Windows.Select Windows.
    RegiónRegion Seleccione Centro de EE. UU.Select Central US.
    Plan de WindowsWindows Plan Seleccione Crear nuevo y escriba myAppServicePlanCentralUS en el cuadro de texto.Select Create new and enter myAppServicePlanCentralUS in the text box.
    SKU y tamañoSku and size Seleccione Estándar S1 100 ACU total, 1,75 GB de memoria.Select Standard S1 100 total ACU, 1.75 GB memory.
  4. Seleccione Revisar y crear, revise el resumen y, después, seleccione Crear.Select Review + create, review the Summary, and then select Create. La implementación puede tardar varios minutos en completarse.It might take several minutes for the deployment to complete.

    Revisar el resumen de la aplicación web

Una vez finalizada la implementación, cree una segunda aplicación web.After your deployment is complete, create a second web app. Utilice el mismo procedimiento con los mismos valores, excepto los siguientes:Use the same procedure with the same values, except for the following values:

ConfiguraciónSetting ValueValue
Grupos de recursosResource group Seleccione Crear nuevo y escriba FrontDoorQS_rg2.Select Create new and enter FrontDoorQS_rg2
NombreName Escriba un nombre único para la aplicación web, en este ejemplo, WebAppContoso-2Enter a unique name for your Web App, in this example, WebAppContoso-2
RegiónRegion Una región distinta, en este ejemplo, Centro-sur de EE. UU.A different region, in this example, South Central US
Plan de App Service > Plan de WindowsApp Service plan > Windows Plan Seleccione Nuevo y escriba myAppServicePlanSouthCentralUS y, a continuación, seleccione Aceptar.Select New and enter myAppServicePlanSouthCentralUS, and then select OK

Creación de una instancia de Front Door para una aplicaciónCreate a Front Door for your application

Configure Azure Front Door para dirigir el tráfico del usuario en función de la latencia más baja entre los dos servidores de las aplicaciones web.Configure Azure Front Door to direct user traffic based on lowest latency between the two web apps servers. Para empezar, agregue un host de front-end para Azure Front Door.To begin, add a frontend host for Azure Front Door.

  1. En la página principal o en el menú de Azure Portal, seleccione Crear un recurso.From the home page or the Azure menu, select Create a resource. Seleccione Redes > Ver todas > Front Door.Select Networking > See All > Front Door.

  2. En la pestaña Conceptos básicos de la página Crear una instancia de Front Door, escriba o seleccione la siguiente información y, a continuación, seleccione Siguiente: Configuration (Siguiente: Configuración).In the Basics tab of Create a Front Door page, enter or select the following information, and then select Next: Configuration.

    ConfiguraciónSetting ValueValue
    SuscripciónSubscription Seleccione su suscripción.Select your subscription.
    Grupos de recursosResource group Seleccione Crear nuevo y escriba FrontDoorQS_rg0 en el cuadro de texto.Select Create new and enter FrontDoorQS_rg0 in the text box.
    Ubicación del grupo de recursosResource group location Seleccione Centro de EE. UU.Select Central US.
  3. En Front-ends/dominios, seleccione + para abrir Agregar un host de front-end.In Frontends/domains, select + to open Add a frontend host.

  4. En Nombre de host, escriba un nombre de host único global.For Host name, enter a globally unique hostname. En este ejemplo se usa contoso-frontend.This example uses contoso-frontend. Seleccione Agregar.Select Add.

    Agregar un host de front-end para Azure Front Door

A continuación, cree un grupo de back-end que contenga las dos aplicaciones web.Next, create a backend pool that contains your two web apps.

  1. Todavía en Crear una instancia de Front Door, en Grupos de back-end, seleccione + para abrir Agregar un grupo de back-end.Still in Create a Front Door, in Backend pools, select + to open Add a backend pool.

  2. En Nombre, escriba myBackendPool y, a continuación, seleccione Agregar un back-end.For Name, enter myBackendPool, then select Add a backend.

    Agregar un grupo de back-end

  3. En la hoja Agregar un back-end, seleccione la información siguiente y elija Agregar.In the Add a backend blade, select the following information and select Add.

    ConfiguraciónSetting ValueValue
    Tipo de host de back-endBackend host type Seleccione App Service.Select App service.
    SuscripciónSubscription Seleccione su suscripción.Select your subscription.
    Nombre de host de back-endBackend host name Seleccione la primera aplicación web que creó.Select the first web app you created. En este ejemplo, la aplicación web era WebAppContoso-1.In this example, the web app was WebAppContoso-1.

    *Deje todos los demás campos con el valor predeterminado.*Leave all other fields default.

    Agregar un host de back-end a Front Door

  4. Seleccione Agregar un back-end de nuevo.Select Add a backend again. Seleccione la siguiente información y elija Agregar.select the following information and select Add.

    ConfiguraciónSetting ValueValue
    Tipo de host de back-endBackend host type Seleccione App Service.Select App service.
    SuscripciónSubscription Seleccione su suscripción.Select your subscription.
    Nombre de host de back-endBackend host name Seleccione la segunda aplicación web que creó.Select the second web app you created. En este ejemplo, la aplicación web era WebAppContoso-2.In this example, the web app was WebAppContoso-2.

    *Deje todos los demás campos con el valor predeterminado.*Leave all other fields default.

  5. Seleccione Agregar en la hoja Agregar un grupo de back-end para completar la configuración del grupo de back-end.Select Add on the Add a backend pool blade to complete the configuration of the backend pool.

    Agregar un grupo de back-end para Azure Front Door

Por último, agregue una regla de enrutamiento.Finally, add a routing rule. Una regla de enrutamiento asigna el host de front-end al grupo de back-end.A routing rule maps your frontend host to the backend pool. La regla reenvía una solicitud para contoso-frontend.azurefd.net a myBackendPool.The rule forwards a request for contoso-frontend.azurefd.net to myBackendPool.

  1. Todavía en Crear una instancia de Front Door, en Reglas de enrutamiento, seleccione + para configurar una.Still in Create a Front Door, in Routing rules, select + to configure a routing rule.

  2. En Agregar una regla, en Nombre, escriba LocationRule.In Add a rule, for Name, enter LocationRule. Acepte todos los valores predeterminados y, a continuación, seleccione Agregar para agregar la regla de enrutamiento.Accept all the default values, then select Add to add the routing rule.

    Agregar una regla a Front Door

    Advertencia

    Debe asegurarse de que todos los hosts de front-end de Front Door tienen una regla de enrutamiento con una ruta de acceso predeterminada (\*) asociada.You must ensure that each of the frontend hosts in your Front Door has a routing rule with a default path (\*) associated with it. Es decir, entre todas las reglas de enrutamiento debe haber al menos una para cada uno de los hosts de front-end que se definen en la ruta de acceso predeterminada (\*).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 (\*). Si no la hay, puede darse el caso de que el tráfico del usuario final no se enrute correctamente.Failing to do so may result in your end-user traffic not getting routed correctly.

  3. Seleccione Revisar y crear y, a continuación, Crear.Select Review + Create, and then Create.

    Azure Front Door configurado

Visualización de Front Door en acciónView Azure Front Door in action

Una vez que cree una instancia de Front Door, la configuración tardará unos minutos en implementarse globalmente.Once you create a Front Door, it takes a few minutes for the configuration to be deployed globally. Cuando lo haya hecho, acceda al host de front-end que ha creado.Once complete, access the frontend host you created. Vaya a contoso-frontend.azurefd.net en un explorador.In a browser, go to contoso-frontend.azurefd.net. La solicitud se enrutará automáticamente al servidor más cercano de entre los servidores especificados en el grupo de back-end.Your request will automatically get routed to the nearest server to you from the specified servers in the backend pool.

Si ha creado estas aplicaciones en este inicio rápido, verá una página de información.If you created these apps in this quickstart, you'll see an information page.

Para probar la conmutación por error global instantánea, realice estos pasos:To test instant global failover in action, try the following steps:

  1. Abra un explorador como se indica más arriba y vaya a la dirección de front-end: contoso-frontend.azurefd.net.Open a browser, as described above, and go to the frontend address: contoso-frontend.azurefd.net.

  2. En Azure Portal, busque y seleccione App Services.In the Azure portal, search for and select App services. Desplácese hacia abajo hasta encontrar una de sus aplicaciones web, WebAppContoso-1 en este ejemplo.Scroll down to find one of your web apps, WebAppContoso-1 in this example.

  3. Seleccione la aplicación web y, a continuación, seleccione Detener y para confirmar.Select your web app, and then select Stop, and Yes to verify.

  4. Actualice el explorador.Refresh your browser. Debería aparecer la misma página de información.You should see the same information page.

    Sugerencia

    Hay algo de retraso en estas acciones.There is a little bit of delay for these actions. Puede que tenga que actualizar de nuevo.You might need to refresh again.

  5. Busque la otra aplicación web y deténgala también.Find the other web app, and stop it as well.

  6. Actualice el explorador.Refresh your browser. Esta vez debería aparecer un mensaje de error.This time, you should see an error message.

    Las dos instancias de la aplicación web detenidas

Limpieza de recursosClean up resources

Una vez que haya terminado, puede eliminar todos los elementos que haya creado.After you're done, you can remove all the items you created. La eliminación de un grupo de recursos también elimina su contenido.Deleting a resource group also deletes its contents. Si no tiene pensado utilizar esta instancia de Front Door, debe eliminar los recursos para evitar cargos innecesarios.If you don't intend to use this Front Door, you should remove resources to avoid unnecessary charges.

  1. En Azure Portal, busque y seleccione Grupos de recursos o seleccione Grupos de recursos desde el menú de Azure Portal.In the Azure portal, search for and select Resource groups, or select Resource groups from the Azure portal menu.

  2. Filtre o desplácese hacia abajo hasta encontrar un grupo de recursos, por ejemplo FrontDoorQS_rg0.Filter or scroll down to find a resource group, such as FrontDoorQS_rg0.

  3. Seleccione el grupo de recursos y, después, seleccione Eliminar grupo de recursos.Select the resource group, then select Delete resource group.

    Advertencia

    Esta acción es irreversible.This action is irreversable.

  4. Escriba el nombre del grupo de recursos para confirmar y, a continuación, seleccione Eliminar.Type the resource group name to verify, and then select Delete.

Repita el procedimiento anterior con los otros dos grupos.Repeat the procedure for the other two groups.

Pasos siguientesNext steps

Pase al siguiente artículo para aprender a agregar un dominio personalizado a Front Door.Advance to the next article to learn how to add a custom domain to your Front Door.