Inicio rápido: Cree una instancia de Front Door para una aplicación web global de alta disponibilidad.

En este inicio rápido se muestra cómo usar Azure Portal para configurar la alta disponibilidad de una aplicación web con Azure Front Door. Cree una configuración de Front Door que distribuya el tráfico entre dos instancias de una aplicación web que se ejecuta en diferentes regiones de Azure. La configuración utiliza back-ends de igual ponderación y misma prioridad, lo que significa que Azure Front Door dirige el tráfico al sitio disponible más cercano que hospeda la aplicación. Azure Front Door también supervisa el estado de la aplicación web y realiza la conmutación automática por error al siguiente sitio más cercano si el sitio más cercano está inactivo.

Diagram of Front Door deployment environment using the Azure portal.

Requisitos previos

Creación de dos instancias de una aplicación web

Para completar este inicio rápido, necesita dos instancias de una aplicación web que se ejecuten en regiones de Azure diferentes. Las instancias de la aplicación web funcionan en modo Activo/Activo, lo que significa que ambas pueden controlar el tráfico simultáneamente. Esta configuración es diferente del modo Activo/En espera, donde una instancia actúa como copia de seguridad para la otra.

Para seguir este inicio rápido, necesita dos aplicaciones web que se ejecuten en distintas regiones de Azure. Si aún no las tiene, puede usar estos pasos para crear aplicaciones web de ejemplo.

  1. Inicie sesión en Azure Portal.

  2. En la esquina superior izquierda de la pantalla, seleccione + Crear un recurso y busque Aplicación web.

    Create a web app in the Azure portal.

  3. En la pestaña Conceptos básicos de la página Crear aplicación web, proporcione o seleccione los detalles siguientes.

    Configuración Value
    Suscripción Elija su suscripción.
    Grupo de recursos Seleccione Crear nuevo y escriba FrontDoorQS_rg1 en el cuadro de texto.
    Nombre Escriba un Nombre único para la aplicación web. Por ejemplo, WebAppContoso-1.
    Publicar Seleccione Código.
    Pila del entorno en tiempo de ejecución Seleccione .NET Core 3.1 (LTS) .
    Sistema operativo Seleccione Windows.
    Región Seleccione Centro de EE. UU.
    Plan de Windows Seleccione Crear nuevo y escriba myAppServicePlanCentralUS en el cuadro de texto.
    SKU y tamaño Seleccione Estándar S1 100 ACU total, 1,75 GB de memoria.
  4. Seleccione Revisar y crear y compruebe los detalles del resumen. A continuación, seleccione Crear para iniciar el proceso de implementación. La implementación puede tardar unos minutos en finalizar.

    Screenshot showing Create Web App page.

Una vez que haya implementado correctamente su primera aplicación web, proceda a crear otra. Siga los mismos pasos e introduzca los mismos valores que antes, excepto los indicados:

Configuración Value
Grupo de recursos Seleccione Crear y escriba FrontDoorQS_rg2
Nombre Escriba un nombre único para la aplicación web, por ejemplo, WebAppContoso-2
Región Seleccione una región diferente a la primera aplicación web, por ejemplo, Este de EE. UU.
Plan de App Service>Plan de Windows Seleccione Nuevo, escriba myAppServicePlanEastUS y seleccione Aceptar

Creación de una instancia de Front Door para una aplicación

Configure Azure Front Door para enrutar el tráfico del usuario en función de la latencia más baja entre los dos servidores de la aplicación web. Comience agregando un host de front-end para Azure Front Door.

  1. En la página principal o en el menú de Azure Portal, seleccione +Crear un recurso. Seleccione Redes>Perfiles de Front Door y CDN.

  2. En la página Comparar ofertas, seleccione Explorar otras ofertas. A continuación, seleccione Azure Front Door (clásico). Después, seleccione Continuar.

  3. En la pestaña Conceptos básicos de la página Crear una instancia de Front Door, proporcione o seleccione la siguiente información y, a continuación, seleccione Siguiente: Configuración.

    Configuración Value
    Suscripción Seleccione su suscripción.
    Grupo de recursos Seleccione Crear nuevo y escriba FrontDoorQS_rg0 en el cuadro de texto.
    Ubicación del grupo de recursos Seleccione Centro de EE. UU.
  4. En Front-ends/dominios, seleccione + para abrir Agregar un host de front-end.

  5. En Nombre de host, escriba un nombre de host único global. Por ejemplo, contoso-frontend. Seleccione Agregar.

    Add a frontend host for Azure Front Door.

A continuación, configure un grupo de back-end que incluya las dos aplicaciones web.

  1. Todavía en Crear una instancia de Front Door, en Grupos de back-end, seleccione + para abrir la página Agregar un grupo de back-end.

  2. En Nombre, escriba myBackendPool y, a continuación, seleccione Agregar un back-end.

    Add a backend pool.

  3. Proporcione o seleccione la siguiente información en el panel Agregar un back-end y seleccione Agregar.

    Configuración Value
    Tipo de host de back-end Seleccione App Service.
    Suscripción Seleccione su suscripción.
    Nombre de host de back-end Seleccione la primera aplicación web que creó. Por ejemplo, WebAppContoso-1.

    Mantener todos los demás campos con el valor predeterminado.

    Add a backend host to your Front Door.

  4. "Seleccione Agregar un back-end de nuevo. Proporcione o seleccione la siguiente información y seleccione Agregar.

    Configuración Value
    Tipo de host de back-end Seleccione App Service.
    Suscripción Seleccione su suscripción.
    Nombre de host de back-end Seleccione la segunda aplicación web que creó. Por ejemplo, WebAppContoso-2.

    Mantener todos los demás campos con el valor predeterminado.

  5. Seleccione Agregar en la página Agregar un grupo de back-end para finalizar la configuración del grupo de back-end.

    Add a backend pool for Azure Front Door.

Por último, cree una regla de enrutamiento. Una regla de enrutamiento vincula el host de front-end al grupo de back-end. La regla enruta una solicitud para contoso-frontend.azurefd.net a myBackendPool.

  1. Todavía en Crear una instancia de Front Door, en Reglas de enrutamiento, seleccione + para configurar una regla de enrutamiento.

  2. En Agregar una regla, para Nombre escriba LocationRule. Mantenga todos los valores predeterminados y seleccione Agregar para crear la regla de enrutamiento".

    Screenshot showing Add a rule when creating Front Door.

    Advertencia

    Es esencial asociar cada uno de los hosts de front-end de Azure Front Door a una regla de enrutamiento que tenga una ruta de acceso predeterminada /*. Esto significa que debe tener al menos una regla de enrutamiento para cada uno de los hosts de front-end en la ruta de acceso predeterminada /* entre todas las reglas de enrutamiento. De lo contrario, es posible que el tráfico del usuario final no se enrute correctamente.

  3. Seleccione Revisar y crear y compruebe los detalles. Seleccione Crear para iniciar la implementación.

    Configured Azure Front Door.

Visualización de Front Door en acción

Una vez que cree una instancia de Front Door, la configuración tardará unos minutos en implementarse globalmente; una vez completado, acceda al host de front-end que creó. En el explorador, vaya a la dirección del host de front-end. Las solicitudes se enrutan automáticamente al servidor más cercano desde los servidores especificados en el grupo de back-end.

Si ha seguido este inicio rápido para crear estas aplicaciones, verá una página de información.

Para probar la característica de conmutación por error global instantánea, realice estos pasos:

  1. Vaya al grupo de recursos FrontDoorQS_rg0 y seleccione el servicio Front Door".

    Screenshot of frontend service.

  2. En la página Información general, copie la dirección de Host de front-end.

    Screenshot of frontend host address.

  3. Abra el explorador, como se ha descrito anteriormente, y vaya a la dirección de front-end.

  4. En Azure Portal, busque y seleccione App Services. Desplácese hacia abajo para buscar una de las aplicaciones web, por ejemplo, WebAppContoso-1.

  5. Seleccione la aplicación web y, a continuación, seleccione Detener y para confirmar.

  6. Actualice el explorador. Debería aparecer la misma página de información.

    Sugerencia

    Estas acciones pueden tardar un poco en surtir efecto. Es posible que tenga que actualizar el explorador de nuevo".

  7. Busque la otra aplicación web y deténgala también.

  8. Actualice el explorador. Esta vez debería aparecer un mensaje de error.

    Both instances of the web app stopped.

Limpieza de recursos

Una vez que haya terminado, puede eliminar todos los elementos que haya creado. La eliminación del grupo de recursos también elimina su contenido. Si no tiene previsto usar esta instancia de Front Door, debe eliminar los recursos para evitar incurrir en cargos innecesarios.

  1. En Azure Portal, busque y seleccione Grupos de recursos o elija Grupos de recursos desde el menú de Azure Portal.

  2. Filtre o desplácese hacia abajo hasta encontrar un grupo de recursos, por ejemplo FrontDoorQS_rg0.

  3. Elija el grupo de recursos y, a continuación, seleccione Eliminar grupo de recursos.

    Advertencia

    Esta acción no se puede deshacer.

  4. Escriba el nombre del grupo de recursos que desea eliminar y, a continuación, seleccione Eliminar.

  5. Repita estos pasos para los dos grupos restantes.

Pasos siguientes

Pase al siguiente artículo para aprender a configurar un dominio personalizado para Front Door.