Tutorial: Creación de una puerta de enlace de aplicaciones con reglas de enrutamiento basadas en rutas de dirección URL con Azure PortalTutorial: Create an application gateway with path-based routing rules using the Azure portal

Puede usar Azure Portal para configurar reglas de enrutamiento basadas en rutas de dirección URL cuando se crea una puerta de enlace de aplicaciones.You can use the Azure portal to configure URL path-based routing rules when you create an application gateway. En este tutorial, creará grupos de back-end mediante el uso de máquinas virtuales.In this tutorial, you create backend pools using virtual machines. A continuación, creará reglas de enrutamiento que garanticen que el tráfico web llega a los servidores adecuados de los grupos.You then create routing rules that make sure web traffic arrives at the appropriate servers in the pools.

En este artículo, aprenderá a:In this article, you learn how to:

  • Creación de una puerta de enlace de aplicacionesCreate an application gateway
  • Crear máquinas virtuales para servidores back-endCreate virtual machines for backend servers
  • Crear grupos de back-end con los servidores back-endCreate backend pools with the backend servers
  • Crear un agente de escucha de back-endCreate a backend listener
  • Crear una regla de enrutamiento basada en la ruta de accesoCreate a path-based routing rule

Ejemplo de enrutamiento de direcciones URL

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.

Nota

Este artículo se ha actualizado para usar el nuevo módulo Az de Azure PowerShell.This article has been updated to use the new Azure PowerShell Az module. Aún puede usar el módulo de AzureRM que continuará recibiendo correcciones de errores hasta diciembre de 2020 como mínimo.You can still use the AzureRM module, which will continue to receive bug fixes until at least December 2020. Para más información acerca del nuevo módulo Az y la compatibilidad con AzureRM, consulte Introducing the new Azure PowerShell Az module (Presentación del nuevo módulo Az de Azure PowerShell).To learn more about the new Az module and AzureRM compatibility, see Introducing the new Azure PowerShell Az module. Para obtener instrucciones sobre la instalación del módulo Az, consulte Instalación de Azure PowerShell.For Az module installation instructions, see Install Azure PowerShell.

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 máquinas virtualesCreate virtual machines

En este ejemplo, se crean tres máquinas virtuales que se usarán como servidores back-end para la puerta de enlace de aplicaciones.In this example, you create three virtual machines to be used as backend servers for the application gateway. También puede instalar IIS en las máquinas virtuales para comprobar que la puerta de enlace de aplicaciones funciona según lo previsto.You also install IIS on the virtual machines to verify that the application gateway works as expected.

  1. En Azure Portal, seleccione Crear un recurso.On the Azure portal, select Create a resource.

  2. Seleccione Windows Server 2016 Datacenter en la lista Populares.Select Windows Server 2016 Datacenter in the Popular list.

  3. Especifique estos valores para la máquina virtual:Enter these values for the virtual machine:

    • Grupo de recursos, seleccione Crear nuevo y, a continuación, escriba myResourceGroupAG.Resource group, select Create new, and then type myResourceGroupAG.
    • Nombre de máquina virtual: myVM1Virtual machine name: myVM1
    • Región: (EE. UU.) Este de EE. UU.Region: (US) East US
    • Nombre de usuario: azureuserUsername: azureuser
    • Contraseña: Azure123456!Password: Azure123456!
  4. Seleccione Siguiente: Discos.Select Next:Disks.

  5. Seleccione Siguiente: redes.Select Next:Networking

  6. En Red virtual, seleccione Crear nueva y, después, especifique estos valores para la red virtual:For Virtual network, select Create new and then type these values for the virtual network:

    • myVNet: como nombre de la red virtual.myVNet - for the name of the virtual network.
    • 10.0.0.0/16: como espacio de direcciones de la red virtual.10.0.0.0/16 - for the virtual network address space.
    • myBackendSubnet para el nombre de la primera subredmyBackendSubnet for the first subnet name
    • 10.0.1.0/24: como espacio de direcciones de la subred.10.0.1.0/24 - for the subnet address space.
    • myAGSubnet: para el nombre de la segunda subred.myAGSubnet - for the second subnet name.
    • 10.0.0.0/24: como espacio de direcciones de la subred.10.0.0.0/24 - for the subnet address space.
  7. Seleccione Aceptar.Select OK.

  8. Asegúrese de que en Interfaz de red está seleccionado myBackendSubnet para la subred y, a continuación, seleccione Siguiente: administración.Ensure that under Network Interface, myBackendSubnet is selected for the subnet, and then select Next: Management.

  9. Seleccione Desactivar para deshabilitar los diagnósticos de arranque.Select Off to disable boot diagnostics.

  10. Haga clic en Revisar y crear, revise la configuración en la página de resumen y, después, seleccione Crear.Click Review + Create, review the settings on the summary page, and then select Create.

  11. Cree dos máquinas virtuales más, myVM2 y myVM3 y colóquelas en la red virtual MyVNet y la subred myBackendSubnet.Create two more virtual machines, myVM2 and myVM3 and place them in the MyVNet virtual network and the myBackendSubnet subnet.

Instalación de IISInstall IIS

  1. Abra el shell interactivo y asegúrese de que está establecido en PowerShell.Open the interactive shell and make sure that it's set to PowerShell.

    Instalación de la extensión personalizada

  2. Ejecute el siguiente comando para instalar IIS en la máquina virtual:Run the following command to install IIS on the virtual machine:

         $publicSettings = @{ "fileUris" = (,"https://raw.githubusercontent.com/Azure/azure-docs-powershell-samples/master/application-gateway/iis/appgatewayurl.ps1");  "commandToExecute" = "powershell -ExecutionPolicy Unrestricted -File appgatewayurl.ps1" }
    
        Set-AzVMExtension `
         -ResourceGroupName myResourceGroupAG `
         -Location eastus `
         -ExtensionName IIS `
         -VMName myVM1 `
         -Publisher Microsoft.Compute `
         -ExtensionType CustomScriptExtension `
         -TypeHandlerVersion 1.4 `
         -Settings $publicSettings
    
  3. Cree dos máquinas virtuales más e instale IIS siguiendo los pasos que acaba de finalizar.Create two more virtual machines and install IIS using the steps that you just finished. Escriba los nombres de myVM2 y myVM3 para los nombres y los valores de VMName en Set-AzVMExtension.Enter the names of myVM2 and myVM3 for the names and for the values of VMName in Set-AzVMExtension.

Creación de una puerta de enlace de aplicacionesCreate an application gateway

  1. Seleccione Crear un recurso en el menú de la izquierda de Azure Portal.Select Create a resource on the left menu of the Azure portal. Aparece la ventana Nuevo.The New window appears.

  2. Seleccione Redes y Application Gateway en la lista Destacados.Select Networking and then select Application Gateway in the Featured list.

Pestaña Aspectos básicosBasics tab

  1. En la pestaña Aspectos básicos, especifique estos valores para la siguiente configuración de puerta de enlace de aplicaciones:On the Basics tab, enter these values for the following application gateway settings:

    • Grupo de recursos: Seleccione myResourceGroupAG como grupo de recursos.Resource group: Select myResourceGroupAG for the resource group.

    • Nombre de la puerta de enlace de aplicaciones: Escriba myAppGateway como nombre de la puerta de enlace de aplicaciones.Application gateway name: Enter myAppGateway for the name of the application gateway.

    • Región: seleccione (EE. UU.) Este de EE. UU.Region - Select (US) East US.

      Crear una nueva puerta de enlace de aplicaciones: Aspectos básicos

  2. En Configurar red virtual, seleccione myVNet para el nombre de la red virtual.Under Configure virtual network, select myVNet for the name of the virtual network.

  3. Seleccione myAGSubnet para la subred.Select myAGSubnet for the subnet.

  4. Acepte los valores predeterminados para las demás opciones y seleccione Siguiente: Front-end.Accept the default values for the other settings and then select Next: Frontends.

Pestaña Front-endFrontends tab

  1. En la pestaña Front-end, compruebe que Tipo de dirección IP de front-end esté establecido en Pública.On the Frontends tab, verify Frontend IP address type is set to Public.

    Nota

    Para la SKU de Application Gateway v2, solo puede elegir la configuración IP de front-end pública.For the Application Gateway v2 SKU, you can only choose Public frontend IP configuration. La configuración de IP de front-end privada no está habilitada actualmente para este SKU v2.Private frontend IP configuration is currently not enabled for this v2 SKU.

  2. Elija Crear nuevo para la Dirección IP pública y escriba myAGPublicIPAddress para el nombre de dirección IP pública y seleccione Aceptar.Choose Create new for the Public IP address and enter myAGPublicIPAddress for the public IP address name, and then select OK.

  3. Seleccione Siguiente: Back-end.Select Next: Backends.

Pestaña Back-endBackends tab

El grupo de back-end se usa para enrutar las solicitudes a los servidores back-end, que atienden la solicitud.The backend pool is used to route requests to the backend servers that serve the request. Los grupos de back-end pueden constar de NIC, conjuntos de escalado de máquinas virtuales, direcciones IP públicas e internas, nombres de dominio completos (FQDN) y servidores back-end multiinquilino como Azure App Service.Backend pools can be composed of NICs, virtual machine scale sets, public IPs, internal IPs, fully qualified domain names (FQDN), and multi-tenant back-ends like Azure App Service.

  1. En la pestaña Back-end, seleccione +Agregar un grupo de back-end.On the Backends tab, select +Add a backend pool.

  2. En la ventana Agregar un grupo de back-end, escriba los valores siguientes para crear un grupo de back-end vacío:In the Add a backend pool window that opens, enter the following values to create an empty backend pool:

    • Nombre: Escriba myBackendPool para el nombre del grupo de back-end.Name: Enter myBackendPool for the name of the backend pool.
  3. En Destinos de back-end, Tipo de destino, seleccione Máquina virtual en la lista desplegable.Under Backend Targets, Target type, select Virtual machine from the drop-down list.

  4. En Destino, seleccione la interfaz de red de myVM1.Under Target select the network interface for myVM1.

  5. Seleccione Agregar.Select Add.

  6. Repita este procedimiento para agregar un grupo de back-end llamado Images con myVM2 como destino y un grupo de back-end llamado Video con myVM3 como destino.Repeat to add an Images backend pool with myVM2 as the target, and a Video backend pool with myVM3 as the target.

  7. Seleccione Agregar para guardar la configuración del grupo de back-end y volver a la pestaña Back-ends.Select Add to save the backend pool configuration and return to the Backends tab.

  8. En la pestaña Back-end, seleccione Siguiente: Configuración.On the Backends tab, select Next: Configuration.

Pestaña ConfiguraciónConfiguration tab

En la pestaña Configuración, conecte el grupo de front-end y back-end que ha creado con una regla de enrutamiento.On the Configuration tab, you'll connect the frontend and backend pool you created using a routing rule.

  1. Seleccione Agregar una regla en la columna Reglas de enrutamiento.Select Add a rule in the Routing rules column.

  2. En la ventana Agregar una regla de enrutamiento que se abre, escriba myRoutingRule para el Nombre de regla.In the Add a routing rule window that opens, enter myRoutingRule for the Rule name.

  3. Una regla de enrutamiento necesita un cliente de escucha.A routing rule requires a listener. En la pestaña Cliente de escucha de la ventana Agregar una regla de enrutamiento, escriba los valores siguientes para el cliente de escucha:On the Listener tab within the Add a routing rule window, enter the following values for the listener:

    • Nombre del cliente de escucha: Escriba myListener para el nombre del cliente de escucha.Listener name: Enter myListener for the name of the listener.

    • Dirección IP de front-end: Seleccione Pública para elegir la dirección IP pública que ha creado para el front-end.Frontend IP: Select Public to choose the public IP you created for the frontend.

    • Puerto: Escriba 8080.Port: Type 8080

      Acepte los valores predeterminados para las demás opciones de la pestaña Cliente de escucha y, a continuación, seleccione la pestaña Destinos de back-end para configurar el resto de opciones de la regla de enrutamiento.Accept the default values for the other settings on the Listener tab, then select the Backend targets tab to configure the rest of the routing rule.

  4. En la pestaña Destinos de back-end, seleccione myBackendPool para el Destino de back-end.On the Backend targets tab, select myBackendPool for the Backend target.

  5. Para la Configuración de HTTP, seleccione Crear nueva para crear una nueva configuración de HTTP.For the HTTP setting, select Create new to create a new HTTP setting. La configuración de HTTP determinará el comportamiento de la regla de enrutamiento.The HTTP setting will determine the behavior of the routing rule.

  6. En la ventana Agregar una configuración de HTTP que se abre, escriba myHTTPSetting en el Nombre de configuración de HTTP.In the Add an HTTP setting window that opens, enter myHTTPSetting for the HTTP setting name. Acepte los valores predeterminados para las demás opciones de la ventana Agregar una configuración de HTTP y, a continuación, seleccione Agregar para volver a la ventana Agregar una regla de enrutamiento.Accept the default values for the other settings in the Add an HTTP setting window, then select Add to return to the Add a routing rule window.

  7. En Enrutamiento basado en ruta de acceso, seleccione Agregar varios destinos para crear una regla basada en ruta de acceso.Under Path-based routing, select Add multiple targets to create a path-based rule.

  8. En Ruta de acceso, escriba /images/ *.For Path, type /images/*.

  9. En Nombre de la regla de ruta de acceso, escriba Images.For Path rule name, type Images.

  10. En Configuración de HTTP, seleccione myHTTPSetting.For HTTP setting, select myHTTPSetting

  11. En Destino de back-end, seleccione Images.For Backend target, select Images.

  12. Seleccione Agregar para guardar la regla de ruta de acceso y volver a la pestaña Agregar una regla de enrutamiento.Select Add to save the path rule and return to the Add a routing rule tab.

  13. Repita este procedimiento para agregar otra regla para el vídeo.Repeat to add another rule for Video.

  14. Seleccione Agregar para agregar la regla de enrutamiento y volver a la pestaña Configuración.Select Add to add the routing rule and return to the Configuration tab.

  15. Seleccione Siguiente: Etiquetas y, a continuación, Siguiente: Review + create (Revisar y crear).Select Next: Tags and then Next: Review + create.

Nota

No es necesario agregar una regla de ruta de acceso / * personalizada para controlar los casos predeterminados.You do not need to add a custom /* path rule to handle default cases. Lo controla automáticamente el grupo de back-end predeterminado.This is automatically handled by the default backend pool.

Pestaña Revisar y crearReview + create tab

Revise la configuración en la pestaña Revisar y crear y seleccione Crear para crear la red virtual, la dirección IP pública y la puerta de enlace de aplicaciones.Review the settings on the Review + create tab, and then select Create to create the virtual network, the public IP address, and the application gateway. Azure puede tardar varios minutos en crear la puerta de enlace de aplicaciones.It may take several minutes for Azure to create the application gateway. Espere hasta que finalice la implementación correctamente antes de continuar con la siguiente sección.Wait until the deployment finishes successfully before moving on to the next section.

Prueba de la puerta de enlace de aplicacionesTest the application gateway

  1. Seleccione Todos los recursos y, después, seleccione myAppGateway.Select All resources, and then select myAppGateway.

    Registro de la dirección IP pública de la puerta de enlace de aplicaciones

  2. Copie la dirección IP pública y péguela en la barra de direcciones del explorador.Copy the public IP address, and then paste it into the address bar of your browser. Por ejemplo, http:// 52.188.72.175:8080.Such as, http://52.188.72.175:8080.

    Prueba de la dirección URL base en la puerta de enlace de aplicaciones

    El agente de escucha del puerto 8080 enruta esta solicitud al grupo de back-end predeterminado.The listener on port 8080 routes this request to the default backend pool.

  3. Cambie la dirección URL a http://<ip-address>:8080/images/test.htm, sustituyendo <ip-address> por su dirección IP y verá algo similar al ejemplo siguiente:Change the URL to http://<ip-address>:8080/images/test.htm, replacing <ip-address> with your IP address, and you should see something like the following example:

    Prueba de la dirección URL de imágenes en la puerta de enlace de aplicaciones

    El agente de escucha del puerto 8080 enruta esta solicitud al grupo de back-end Images.The listener on port 8080 routes this request to the Images backend pool.

  4. Cambie la dirección URL a http://<ip-address>:8080/video/test.htm, sustituyendo <ip-address> por su dirección IP y verá algo similar al ejemplo siguiente:Change the URL to http://<ip-address>:8080/video/test.htm, replacing <ip-address> with your IP address, and you should see something like the following example:

    Prueba de la dirección URL de vídeo en la puerta de enlace de aplicaciones

    El agente de escucha del puerto 8080 enruta esta solicitud al grupo de back-end Video.The listener on port 8080 routes this request to the Video backend pool.

Pasos siguientesNext steps