Tutorial: Mejorar la respuesta del sitio web mediante Traffic ManagerTutorial: Improve website response using Traffic Manager

En este tutorial se describe cómo usar Traffic Manager para crear un sitio web con alta capacidad de respuesta dirigiendo el tráfico del usuario al sitio web con la latencia más baja.This tutorial describes how to use Traffic Manager to create a highly responsive website by directing user traffic to the website with the lowest latency. Normalmente, el centro de datos con la latencia más baja es aquel más cercano desde el punto de vista geográfico.Typically, the datacenter with the lowest latency is the one that is closest in geographic distance.

En este tutorial, aprenderá a:In this tutorial, you learn how to:

  • Crear dos máquinas virtuales que ejecutan un sitio web básico en IISCreate two VMs running a basic website on IIS
  • Crear dos máquinas virtuales de prueba para ver a Traffic Manager en acciónCreate two test VMs to view Traffic Manager in action
  • Configurar el nombre DNS para las máquinas virtuales que ejecutan IISConfigure DNS name for the VMs running IIS
  • Crear un perfil de Traffic Manager para un rendimiento mejorado del sitio webCreate a Traffic Manager profile for improved website performance
  • Agregar puntos de conexión de máquina virtual en el perfil de Traffic ManagerAdd VM endpoints to the Traffic Manager profile
  • Ver a Traffic Manager en acciónView Traffic Manager in action

Si no tiene una suscripción a Azure, cree una cuenta gratuita antes de empezar.If you don't have an Azure subscription, create a free account before you begin.

Requisitos previosPrerequisites

Para ver a Traffic Manager en acción, este tutorial requiere que implemente lo siguiente:In order to see the Traffic Manager in action, this tutorial requires that you deploy the following:

  • Dos instancias de sitios web básicos que se ejecuten en diferentes regiones de Azure: Este de EE. UU. y Europa Occidental.Two instances of basic websites running in different Azure regions - East US and West Europe.
  • Dos máquinas virtuales para probar Traffic Manager (una máquina virtual en Este de EE. UU. y la segunda máquina virtual en Europa Occidental).Two test VMs for testing the Traffic Manager - one VM in East US and the second VM in West Europe. Las máquinas virtuales de prueba se usan para ilustrar cómo Traffic Manager enruta el tráfico de usuario al sitio web que se está ejecutando en la misma región, ya que proporciona la latencia más baja.The test VMs are used to illustrate how Traffic Manager routes user traffic to the website that is running in the same region as it provides the lowest latency.

Inicio de sesión en AzureSign in to Azure

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

Creación de sitios webCreate websites

En esta sección, creará dos instancias de sitio web que proporcionan los puntos de conexión de servicio para el perfil de Traffic Manager en dos regiones de Azure.In this section, you create two website instances that provide the two service endpoints for the Traffic Manager profile in two Azure regions. La creación de los dos sitios web incluye los pasos siguientes:Creating the two websites includes the following steps:

  1. Crear dos máquinas virtuales para ejecutar un sitio web básico: una en Este de EE. UU. y otra en Europa Occidental.Create two VMs for running a basic website - one in East US, and the other in West Europe.
  2. Instale un servidor IIS en cada máquina virtual y actualice la página del sitio web predeterminada que describe el nombre de la máquina virtual a la que un usuario se conecta cuando visita el sitio web.Install IIS server on each VM and update the default website page that describes the VM name that a user is connected to when visiting the website.

Creación de máquinas virtuales para ejecutar sitios webCreate VMs for running websites

En esta sección, creará dos máquinas virtuales myIISVMEastUS y myIISVMWestEurope en las regiones de Azure Este de EE. UU. y Oeste de Europa.In this section, you create two VMs myIISVMEastUS and myIISVMWestEurope in the East US and West Europe Azure regions.

  1. En la esquina superior izquierda de Azure Portal, seleccione Crear un recurso > Proceso > Windows Server 2019 Datacenter.On the upper, left corner of the Azure portal, select Create a resource > Compute > Windows Server 2019 Datacenter.

  2. En Crear una máquina virtual, escriba o seleccione los valores siguientes en la pestaña Básico:In Create a virtual machine, type or select the following values in the Basics tab:

    • Suscripción > Grupo de recursos: Seleccione Crear nuevo y, a continuación, escriba myResourceGroupTM1.Subscription > Resource Group: Select Create new and then type myResourceGroupTM1.
    • Detalles de instancia > Nombre de máquina virtual: Escriba myIISVMEastUS.Instance Details > Virtual machine name: Type myIISVMEastUS.
    • Detalles de instancia > Región: Seleccione Este de EE. UU.Instance Details > Region: Select East US.
    • Cuenta de administrador > Nombre de usuario: Escriba un nombre de usuario de su elección.Administrator Account > Username: Enter a user name of your choosing.
    • Cuenta de administrador > Contraseña: Escriba una contraseña de su elección.Administrator Account > Password: Enter a password of your choosing. La contraseña debe tener al menos 12 caracteres de largo y cumplir con los requisitos de complejidad definidos.The password must be at least 12 characters long and meet the defined complexity requirements.
    • Reglas de puerto de entrada > Puertos de entrada públicos: Seleccione Permitir los puertos seleccionados.Inbound Port Rules > Public inbound ports: Select Allow selected ports.
    • Reglas de puerto de entrada > Seleccionar puertos de entrada: Seleccione RDP y HTTP en el cuadro desplegable.Inbound Port Rules > Select inbound ports: Select RDP and HTTP in the pull down box.
  3. Seleccione la pestaña Administración o Siguiente: Discos y, después, Siguiente: Redes, a continuación, Siguiente: Administración.Select the Management tab, or select Next: Disks, then Next: Networking, then Next: Management. En Supervisión, establezca Diagnósticos de arranque en Desactivado.Under Monitoring, set Boot diagnostics to Off.

  4. Seleccione Revisar + crear.Select Review + create.

  5. Revise la configuración y, luego, haga clic en Crear.Review the settings, and then click Create.

  6. Siga los pasos para crear una segunda máquina virtual denominada myIISVMWestEurope, con un grupo de recursos llamado myResourceGroupTM2, una ubicación de Oeste de Europa y todos los demás valores iguales a los de myIISVMEastUS.Follow the steps to create a second VM named myIISVMWestEurope, with a Resource group name of myResourceGroupTM2, a location of West Europe, and all the other settings the same as myIISVMEastUS.

  7. Las máquinas virtuales tardan unos minutos en crearse.The VMs take a few minutes to create. No siga con los pasos restantes hasta que se creen ambas máquinas virtuales.Do not continue with the remaining steps until both VMs are created.

    Crear una VM

Instalación de IIS y personalización de la página web predeterminadaInstall IIS and customize the default web page

En esta sección, instalará el servidor IIS en las dos máquinas virtuales (myIISVMEastUS y myIISVMWestEurope) y luego actualizará la página web predeterminada.In this section, you install the IIS server on the two VMs myIISVMEastUS and myIISVMWestEurope, and then update the default website page. La página del sitio web personalizado muestra el nombre de la máquina virtual a la que se está conectando cuando visita el sitio web desde un explorador web.The customized website page shows the name of the VM that you are connecting to when you visit the website from a web browser.

  1. Seleccione Todos los recursos en el menú de la izquierda y, en la lista de recursos, haga clic en myIISVMEastUS, que se encuentra en el grupo de recursos myResourceGroupTM1.Select All resources in the left-hand menu, and then from the resources list click myIISVMEastUS that is located in the myResourceGroupTM1 resource group.

  2. En la página Introducción, haga clic en Conectar y luego, en Conectarse a una máquina virtual, seleccione Descargar archivo RDP.On the Overview page, click Connect, and then in Connect to virtual machine, select Download RDP file.

  3. Abra el archivo .rdp descargado.Open the downloaded rdp file. Cuando se le pida, seleccione Conectar.If prompted, select Connect. Escriba el nombre de usuario y la contraseña que especificó al crear la máquina virtual.Enter the user name and password you specified when creating the VM. Puede que deba seleccionar More choices (Más opciones) y, luego, Use a different account (Usar una cuenta diferente), para especificar las credenciales que escribió al crear la máquina virtual.You may need to select More choices, then Use a different account, to specify the credentials you entered when you created the VM.

  4. Seleccione Aceptar.Select OK.

  5. Puede recibir una advertencia de certificado durante el proceso de inicio de sesión.You may receive a certificate warning during the sign-in process. Si recibe la advertencia, seleccione o Continuar para continuar con la conexión.If you receive the warning, select Yes or Continue, to proceed with the connection.

  6. En el escritorio del servidor, vaya a Herramientas administrativas de Windows>Administrador del servidor .On the server desktop, navigate to Windows Administrative Tools>Server Manager.

  7. Inicie Windows PowerShell en VM1 y use los siguientes comandos para instalar el servidor IIS y actualizar el archivo HTM predeterminado.Launch Windows PowerShell on VM1 and using the following commands to install IIS server and update the default htm file.

    # Install IIS
    Install-WindowsFeature -name Web-Server -IncludeManagementTools
    
    # Remove default htm file
    remove-item C:\inetpub\wwwroot\iisstart.htm
    
    #Add custom htm file
    Add-Content -Path "C:\inetpub\wwwroot\iisstart.htm" -Value $("Hello World from " + $env:computername)
    

    Instalación de IIS y personalización de la página web

  8. Cierre la conexión de RDP con myIISVMEastUS.Close the RDP connection with myIISVMEastUS.

  9. Repita los pasos 1-8 mediante la creación de una conexión RDP con la máquina virtual myIISVMWestEurope dentro del grupo de recursos myResourceGroupTM2 para instalar IIS y personalizar su página web predeterminada.Repeat steps 1-8 with by creating an RDP connection with the VM myIISVMWestEurope within the myResourceGroupTM2 resource group to install IIS and customize its default web page.

Configuración de nombres DNS para las máquinas virtuales que ejecutan IISConfigure DNS names for the VMs running IIS

Traffic Manager enruta el tráfico de usuario basándose en el nombre DNS de los puntos de conexión de servicio.Traffic Manager routes user traffic based on DNS name of the service endpoints. En esta sección, configurará los nombres DNS de los servidores IIS: myIISVMEastUS y myIISVMWestEurope.In this section, you configure the DNS names for the IIS servers - myIISVMEastUS and myIISVMWestEurope.

  1. Haga clic en Todos los recursos en el menú de la izquierda y, en la lista de recursos, seleccione myIISVMEastUS, que se encuentra en el grupo de recursos myResourceGroupTM1.Click All resources in the left-hand menu, and then from the resources list, select myIISVMEastUS that is located in the myResourceGroupTM1 resource group.
  2. En la página Introducción, en Nombre DNS, seleccione Configurar.On the Overview page, under DNS name, select Configure.
  3. En la página Configuración, en la etiqueta de nombre DNS, agregue un nombre único y luego seleccione Guardar.On the Configuration page, under DNS name label, add a unique name, and then select Save.
  4. Repita los pasos 1-3, para la máquina virtual denominada myIISVMWestEurope que se encuentra en el grupo de recursos myResourceGroupTM2.Repeat steps 1-3, for the VM named myIISVMWestEurope that is located in the myResourceGroupTM2 resource group.

Creación de máquinas virtuales de pruebaCreate test VMs

En esta sección, creará una máquina virtual (myVMEastUS y myVMWestEurope) en cada región de Azure (Este de EE. UU. y Oeste de Europa).In this section, you create a VM (myVMEastUS and myVMWestEurope) in each Azure region (East US and West Europe). Usará estas máquinas virtuales para probar cómo Traffic Manager enruta el tráfico al servidor IIS más cercano al examinar el sitio web.You will use these VMs to test how Traffic Manager routes traffic to the nearest IIS server when you browse to the website.

  1. En la esquina superior izquierda de Azure Portal, seleccione Crear un recurso > Proceso > Windows Server 2019 Datacenter.On the upper, left corner of the Azure portal, select Create a resource > Compute > Windows Server 2019 Datacenter.

  2. En Crear una máquina virtual, escriba o seleccione los valores siguientes en la pestaña Básico:In Create a virtual machine, type or select the following values in the Basics tab:

    • Suscripción > Grupo de recursos: Seleccione myResourceGroupTM1.Subscription > Resource Group: Select myResourceGroupTM1.
    • Detalles de instancia > Nombre de máquina virtual: Escriba myVMEastUS.Instance Details > Virtual machine name: Type myVMEastUS.
    • Detalles de instancia > Región: Seleccione Este de EE. UU.Instance Details > Region: Select East US.
    • Cuenta de administrador > Nombre de usuario: Escriba un nombre de usuario de su elección.Administrator Account > Username: Enter a user name of your choosing.
    • Cuenta de administrador > Contraseña: Escriba una contraseña de su elección.Administrator Account > Password: Enter a password of your choosing. La contraseña debe tener al menos 12 caracteres de largo y cumplir con los requisitos de complejidad definidos.The password must be at least 12 characters long and meet the defined complexity requirements.
    • Reglas de puerto de entrada > Puertos de entrada públicos: Seleccione Permitir los puertos seleccionados.Inbound Port Rules > Public inbound ports: Select Allow selected ports.
    • Reglas de puerto de entrada > Seleccionar puertos de entrada: Seleccione RDP en el cuadro desplegable.Inbound Port Rules > Select inbound ports: Select RDP in the pull down box.
  3. Seleccione la pestaña Administración o Siguiente: Discos y, después, Siguiente: Redes, a continuación, Siguiente: Administración.Select the Management tab, or select Next: Disks, then Next: Networking, then Next: Management. En Supervisión, establezca Diagnósticos de arranque en Desactivado.Under Monitoring, set Boot diagnostics to Off.

  4. Seleccione Revisar + crear.Select Review + create.

  5. Revise la configuración y, luego, haga clic en Crear.Review the settings, and then click Create.

  6. Siga los pasos para crear una segunda máquina virtual denominada myVMWestEurope, con un grupo de recursos llamado myResourceGroupTM2, una ubicación de Oeste de Europa y todos los demás valores iguales a los de myVMEastUS.Follow the steps to create a second VM named myVMWestEurope, with a Resource group name of myResourceGroupTM2, a location of West Europe, and all the other settings the same as myVMEastUS.

  7. Las máquinas virtuales tardan unos minutos en crearse.The VMs take a few minutes to create. No siga con los pasos restantes hasta que se creen ambas máquinas virtuales.Do not continue with the remaining steps until both VMs are created.

Crear un perfil de Traffic ManagerCreate a Traffic Manager profile

Cree un perfil de Traffic Manager que dirija el tráfico de usuario mediante el envío al punto de conexión con la latencia más baja.Create a Traffic Manager profile that directs user traffic by sending them to the endpoint with lowest latency.

  1. En la parte superior izquierda de la pantalla, seleccione Crear un recurso > Redes > Perfil de Traffic Manager > Crear.On the top left-hand side of the screen, select Create a resource > Networking > Traffic Manager profile > Create.

  2. En Crear perfil de Traffic Manager, escriba o seleccione la siguiente información, acepte los valores predeterminados para el resto de la configuración y, a continuación, seleccione Crear:In the Create Traffic Manager profile, enter or select, the following information, accept the defaults for the remaining settings, and then select Create:

    ConfiguraciónSetting ValorValue
    NOMBREName Este nombre debe ser único en la zona trafficmanager.net y generará el nombre DNS, trafficmanager.net, que se usa para acceder al perfil de Traffic Manager.This name needs to be unique within the trafficmanager.net zone and results in the DNS name, trafficmanager.net that is used to access your Traffic Manager profile.
    Método de enrutamientoRouting method Seleccione el método de enrutamiento de rendimiento.Select the Performance routing method.
    SubscriptionSubscription Seleccione su suscripción.Select your subscription.
    Grupos de recursosResource group Seleccione el grupo de recursos myResourceGroupTM1.Select the Resource group myResourceGroupTM1.
    UbicaciónLocation Seleccione Este de EE. UU.Select East US. Esta configuración se refiere a la ubicación del grupo de recursos y no tiene efecto alguno sobre el perfil de Traffic Manager que se implementará globalmente.This setting refers to the location of the resource group, and has no impact on the Traffic Manager profile that will be deployed globally.

    Crear un perfil de Traffic Manager

Incorporación de puntos de conexión de Traffic ManagerAdd Traffic Manager endpoints

Agregue las dos máquinas virtuales que ejecutan los servidores IIS (myIISVMEastUS & myIISVMWestEurope) para enrutar el tráfico de usuario al punto de conexión más cercano al usuario.Add the two VMs running the IIS servers - myIISVMEastUS & myIISVMWestEurope to route user traffic to the closest endpoint to the user.

  1. En la barra de búsqueda del portal, busque el nombre del perfil de Traffic Manager que creó en la sección anterior y seleccione el perfil en los resultados que aparecen.In the portal’s search bar, search for the Traffic Manager profile name that you created in the preceding section and select the profile in the results that the displayed.

  2. En perfil de Traffic Manager, en la sección Configuración, haga clic en Puntos de conexión y, a continuación, haga clic en Agregar.In Traffic Manager profile, in the Settings section, click Endpoints, and then click Add.

  3. Escriba o seleccione la siguiente información, acepte los valores predeterminados para el resto de la configuración y luego seleccione Aceptar:Enter, or select, the following information, accept the defaults for the remaining settings, and then select OK:

    ConfiguraciónSetting ValorValue
    TypeType Punto de conexión de AzureAzure endpoint
    NOMBREName myEastUSEndpointmyEastUSEndpoint
    Tipo de recurso de destinoTarget resource type Dirección IP públicaPublic IP Address
    Recurso de destinoTarget resource Elija una dirección IP pública para mostrar la lista de recursos con direcciones IP públicas en la misma suscripción.Choose a Public IP address to show the listing of resources with Public IP addresses under the same subscription. En Recurso, seleccione la dirección IP pública denominada myIISVMEastUS-ip.In Resource, select the public IP address named myIISVMEastUS-ip. Se trata de la dirección IP pública de la máquina virtual del servidor IIS en la región Este de EE. UU.This is the public IP address of the IIS server VM in East US.
  4. Repita los pasos 2 y 3 para agregar otro punto de conexión denominado myWestEuropeEndpoint para la dirección IP pública myIISVMWestEurope-ip que está asociada la máquina virtual del servidor IIS denominada myIISVMWestEurope.Repeat steps 2 and 3 to add another endpoint named myWestEuropeEndpoint for the public IP address myIISVMWestEurope-ip that is associated with the IIS server VM named myIISVMWestEurope.

  5. Cuando termine de agregar ambos puntos de conexión, aparecerán en Perfil de Traffic Manager junto con el estado de supervisión como En línea.When the addition of both endpoints is complete, they are displayed in Traffic Manager profile along with their monitoring status as Online.

    Incorporación de un punto de conexión de Traffic Manager

Prueba del perfil de Traffic ManagerTest Traffic Manager profile

En esta sección, probará cómo Traffic Manager enruta el tráfico de usuario a las máquinas virtuales más cercanas que ejecutan el sitio web para ofrecer una latencia mínima.In this section, you test how the Traffic Manager routes user traffic to the nearest VMs running the website to provide minimum latency. Para ver a Traffic Manager en acción, complete los pasos siguientes:To view the Traffic Manager in action, complete the following steps:

  1. Determine el nombre DNS del perfil de Traffic Manager.Determine the DNS name of your Traffic Manager profile.
  2. Vea a Traffic Manager en acción de la siguiente manera:View Traffic Manager in action as follows:
    • Desde la máquina virtual de prueba (myVMEastUS) que se encuentra en la región Este de EE. UU. , en un explorador web, busque el nombre DNS del perfil de Traffic Manager.From the test VM (myVMEastUS) that is located in the East US region, in a web browser, browse to the DNS name of your Traffic Manager profile.
    • Desde la máquina virtual de prueba (myVMWestEurope) que se encuentra en la región Oeste de Europa, en un explorador web, busque el nombre DNS del perfil de Traffic Manager.From the test VM (myVMWestEurope) that is located in the West Europe region, in a web browser, browse to the DNS name of your Traffic Manager profile.

Determinación del nombre DNS del perfil de Traffic ManagerDetermine DNS name of Traffic Manager profile

En este tutorial, por simplicidad, usará el nombre DNS del perfil de Traffic Manager para visitar los sitios web.In this tutorial, for simplicity, you use the DNS name of the Traffic Manager profile to visit the websites.

Puede determinar el nombre DNS del perfil de Traffic Manager de la siguiente manera:You can determine the DNS name of the Traffic Manager profile as follows:

  1. En la barra de búsqueda del portal, busque el nombre del perfil de Traffic Manager que creó en la sección anterior.In the portal’s search bar, search for the Traffic Manager profile name that you created in the preceding section. Haga clic en el perfil de Traffic Manager en los resultados que aparezcan.In the results that are displayed, click the traffic manager profile.

  2. Haga clic en Descripción general.Click Overview.

  3. La hoja Perfil de Traffic Manager muestra el nombre DNS del perfil de Traffic Manager que acaba de crear.The Traffic Manager profile displays the DNS name of your newly created Traffic Manager profile. En las implementaciones de producción, puede configurar un nombre de dominio mnemónico para que apunte al nombre de dominio de Traffic Manager, mediante un registro CNAME de DNS.In production deployments, you configure a vanity domain name to point to the Traffic Manager domain name, using a DNS CNAME record.

    Nombre DNS de Traffic Manager

Ver a Traffic Manager en acciónView Traffic Manager in action

En esta sección, puede ver a Traffic Manager en acción.In this section, you can see the Traffic Manager is action.

  1. Seleccione Todos los recursos en el menú de la izquierda y, en la lista de recursos, haga clic en myVMEastUS, que se encuentra en el grupo de recursos myResourceGroupTM1.Select All resources in the left-hand menu, and then from the resources list click myVMEastUS that is located in the myResourceGroupTM1 resource group.

  2. En la página Introducción, haga clic en Conectar y luego, en Conectarse a una máquina virtual, seleccione Descargar archivo RDP.On the Overview page, click Connect, and then in Connect to virtual machine, select Download RDP file.

  3. Abra el archivo .rdp descargado.Open the downloaded rdp file. Cuando se le pida, seleccione Conectar.If prompted, select Connect. Escriba el nombre de usuario y la contraseña que especificó al crear la máquina virtual.Enter the user name and password you specified when creating the VM. Puede que deba seleccionar More choices (Más opciones) y, luego, Use a different account (Usar una cuenta diferente), para especificar las credenciales que escribió al crear la máquina virtual.You may need to select More choices, then Use a different account, to specify the credentials you entered when you created the VM.

  4. Seleccione Aceptar.Select OK.

  5. Puede recibir una advertencia de certificado durante el proceso de inicio de sesión.You may receive a certificate warning during the sign-in process. Si recibe la advertencia, seleccione o Continuar para continuar con la conexión.If you receive the warning, select Yes or Continue, to proceed with the connection.

  6. En un explorador web, escriba la máquina virtual myVMEastUS, escriba el nombre DNS del perfil de Traffic Manager para ver el sitio web.In a web browser on the VM myVMEastUS, type the DNS name of your Traffic Manager profile to view your website. Puesto que la máquina virtual se encuentra en Este de EE. UU. , se le dirigirá al sitio web más cercano hospedado en el servidor IIS más cercano myIISVMEastUS que se encuentra en Este de EE. UU. .Since the VM located in East US, you are routed to the nearest website hosted on the nearest IIS server myIISVMEastUS that is located in East US.

    Prueba del perfil de Traffic Manager

  7. A continuación, conéctese a la máquina virtual myVMWestEurope ubicada en Europa Occidental mediante los pasos 1-5 y vaya al nombre de dominio del perfil de Traffic Manager de esta máquina virtual.Next, connect to the VM myVMWestEurope located in West Europe using steps 1-5 and browse to the Traffic Manager profile domain name from this VM. Puesto que la máquina virtual se encuentra en Europa Occidental, ahora se le enruta al sitio web hospedado en el servidor IIS más cercano myIISVMWestEurope que se encuentra en Europa Occidental.Since the VM located in West Europe, you are now routed to the website hosted on nearest the IIS server myIISVMWestEurope that is located in West Europe.

    Prueba del perfil de Traffic Manager

Eliminar el perfil de Traffic ManagerDelete the Traffic Manager profile

Cuando ya no los necesite, elimine los grupos de recursos (ResourceGroupTM1 y ResourceGroupTM2).When no longer needed, delete the resource groups (ResourceGroupTM1 and ResourceGroupTM2). Para ello, seleccione el grupo de recursos (ResourceGroupTM1 o ResourceGroupTM2) y luego seleccione Eliminar.To do so, select the resource group (ResourceGroupTM1 or ResourceGroupTM2), and then select Delete.

Pasos siguientesNext steps