Laboratorio 09a: Implementación de Web Apps

Introducción al laboratorio

En este laboratorio, obtendrá información sobre las aplicaciones web de Azure. Aprenderá a configurar una aplicación web para mostrar una aplicación Hola mundo en un repositorio externo de GitHub. Aprenderá a crear un espacio de ensayo y a intercambiarlo con el espacio de producción. También obtendrá información sobre el escalado automático para dar cabida a los cambios de demanda.

Para este laboratorio se necesita una suscripción de Azure. El tipo de suscripción puede afectar a la disponibilidad de las características de este laboratorio. Es posible cambiar la región, pero los pasos se describen para Este de EE. UU.

Tiempo estimado: 20 minutos

Escenario del laboratorio

Su organización está interesada en las aplicaciones web de Azure para hospedar los sitios web de su empresa. Actualmente, estos sitios web se hospedan en centros de datos locales. Los sitios web se ejecutan en servidores Windows con la pila de runtime de PHP. El hardware está cerca del final de la vida útil y pronto tendrá que reemplazarse. Su organización quiere evitar nuevos costes de hardware usando Azure para hospedar los sitios web.

Simulaciones interactivas de laboratorio

Hay simulaciones de laboratorio interactivas que podrían resultar útiles para este tema. La simulación le permite hacer clic en un escenario similar a su propio ritmo. Hay ciertas diferencias entre la simulación interactiva y este laboratorio, pero muchos de los conceptos básicos son los mismos. No se necesita una suscripción de Azure.

Diagrama de la arquitectura

Diagrama de las tareas.

Aptitudes de trabajo

  • Tarea 1: Cree y configure una aplicación web de Azure.
  • Tarea 2: Cree y configure una ranura de implementación.
  • Tarea 3: configuración de las opciones de implementación de la aplicación web.
  • Tarea 4: Intercambie ranuras de implementación.
  • Tarea 5: Configure y pruebe el escalado automático de la aplicación web de Azure.

Tarea 1: Creación y configuración de una aplicación web de Azure

En esta tarea, creará una aplicación web de Azure. Azure App Services es una solución de plataforma como servicio (PAAS) para aplicaciones web, móviles y otras basadas en web. Las aplicaciones web de Azure forman parte de las instancias de Azure App Services que hospedan la mayoría de los entornos en runtime, como PHP, Java y .NET. El plan de App Service que seleccione determinará el proceso, el almacenamiento y las características de la aplicación web.

  1. Inicie sesión en Azure Portal - https://portal.azure.com.

  2. Busque y seleccione App services.

  3. Seleccione + Crear, en el menú desplegable Aplicación web. Observe las otras opciones.

  4. En la pestaña Aspectos básicos de la hoja Crear aplicación web, especifique las siguientes opciones de configuración (deje las demás con los valores predeterminados):

    Configuración Valor
    Subscription su suscripción de Azure
    Resource group az104-rg9 (Si es necesario, seleccione Crear nuevo)
    Nombre de aplicación web Cualquier nombre globalmente único
    Publicar Código
    Pila en tiempo de ejecución PHP 8.2
    Sistema operativo Linux
    Region Este de EE. UU.
    Panes de tarifa aceptar los valores predeterminados
    Redundancia de zona aceptar los valores predeterminados
  5. Haga clic en Revisar y crear y, a continuación, en Crear.

    Nota: Espere hasta que se cree la aplicación web antes de continuar con la tarea siguiente. Este proceso tardará aproximadamente un minuto.

  6. Una vez que la implementación se haya completado, seleccione Ir al recurso.

Tarea 2: Creación y configuración de una ranura de implementación

En esta tarea, creará una ranura de implementación de ensayo. Las ranuras de implementación permiten realizar pruebas antes de que la aplicación esté disponible para el público (o para los usuarios finales). Después de realizar las pruebas, podrá intercambiar la ranura del desarrollo o pasar de Almacenamiento provisional a Producción. Muchas organizaciones usan ranuras para realizar pruebas de preproducción. Además, muchas organizaciones ejecutan varias ranuras para cada aplicación (por ejemplo, desarrollo, control de calidad, prueba y producción).

  1. En la hoja de la aplicación web recién implementada, haga clic en el vínculo Dominio predeterminado para mostrar la página web predeterminada en una nueva pestaña del explorador.

  2. Cierre la nueva pestaña del explorador y, de vuelta en Azure Portal, en la sección Implementación de la hoja de la aplicación web, haga clic en Ranuras de implementación.

    Nota: En este punto, la aplicación web tiene una ranura de implementación única con la etiqueta PRODUCTION.

  3. Haga clic en Agregar ranura y agregue una nueva ranura con la siguiente configuración:

    Configuración Value
    Nombre staging
    Clonar la configuración de No clonar la configuración
  4. Seleccione Agregar.

  5. De nuevo en la hoja Ranuras de implementación de la aplicación web, haga clic en la entrada que representa el espacio de ensayo recién creado.

    Nota: Se abrirá la hoja que muestra las propiedades del espacio de ensayo.

  6. Revise la hoja del espacio de ensayo y tenga en cuenta que su dirección URL difiere de la asignada al espacio de producción.

Tarea 3: Configuración de las opciones de implementación de la aplicación web

En esta tarea, configurará las opciones de implementación de la aplicación web. La configuración de implementación permite la implementación continua. Esto garantiza que el servicio de aplicaciones tenga la versión más reciente de la aplicación.

  1. En el espacio de ensayo, seleccione Centro de implementación y, a continuación, seleccione Configuración.

    Nota: Asegúrese de que está en la hoja del espacio de ensayo (y no en el espacio de producción).

  2. En la lista desplegable Origen, seleccione Git externo. Observe las otras opciones.

  3. En el campo de repositorio, escriba https://github.com/Azure-Samples/php-docs-hello-world.

  4. En el campo de rama, escriba master.

  5. Seleccione Guardar.

  6. En el espacio de ensayo, seleccione Información general.

  7. Seleccione el vínculo Dominio predeterminado y abra la dirección URL en una nueva pestaña.

  8. Compruebe que el espacio de ensayo muestre Hola mundo.

Nota: La implementación puede tardar un momento. Asegúrese de actualizar la página de la aplicación.

Tarea 4: Intercambio de ranuras de implementación

En esta tarea, intercambiará el espacio de ensayo por el espacio de producción. El intercambio de una ranura le permite usar el código que ha probado en el espacio de ensayo y moverlo a producción. Azure Portal también le pedirá si necesita mover otras configuraciones de aplicación que haya personalizado para la ranura. Intercambiar ranuras es una tarea común para los equipos de aplicaciones y los equipos de soporte técnico de aplicaciones, especialmente para aquellos que implementan actualizaciones de aplicaciones rutinarias y correcciones de errores.

  1. Vuelva a la hoja Ranuras de implementación y seleccione Intercambiar.

  2. Use los valores predeterminados y haga clic en Iniciar intercambio.

  3. En la hojaInformación general de la aplicación web, seleccione el vínculo Dominio predeterminado para mostrar la página principal del sitio web.

  4. Compruebe que la página web de producción muestre la aplicación Hola mundo. página.

    Nota: Copie la dirección URL de dominio predeterminada que necesitará para las pruebas de carga en la siguiente tarea.

Tarea 5: Configuración y prueba del escalado automático de la aplicación web de Azure

En esta tarea, configurará el escalado automático de la aplicación web de Azure. El escalado automático permite mantener un rendimiento óptimo de la aplicación web cuando aumenta el tráfico a esta. Para determinar cuándo debe escalar la aplicación, puede supervisar métricas como el uso de CPU, la memoria o el ancho de banda.

  1. En la sección Configuración, seleccione Escalar horizontalmente (plan de App Service).

    Nota: Asegúrese de que está trabajando en el espacio de producción y no en el de ensayo.

  2. En la sección Escalado, seleccione Automático. Observe la opción Basado en reglas. El escalado basado en reglas se puede configurar para diferentes métricas de aplicación.

  3. En el campo Ráfaga máxima, seleccione 2.

    Captura de pantalla de la página de escalabilidad automática.

  4. Seleccione Guardar.

  5. Seleccione Diagnosticar y solucionar problemas (panel izquierdo).

  6. En el cuadro Prueba de carga de la aplicación, seleccione Crear prueba de carga.

    • Seleccione + Crear y asigne un nombre a su prueba de carga. El nombre debe ser único.
    • Seleccione Revisar y crear y, a continuación, Crear.
  7. Espere a que se cree la prueba de carga y seleccione Ir al recurso.

  8. Desde Información general Agregar solicitudes HTTP, seleccione Crear.
  9. En la pestaña Plan de prueba, haga clic en Agregar solicitud. En el campo Dirección URL, pegue la dirección URL de Dominio predeterminado. Asegúrese de que tenga el formato correcto y de que comience por https://.

  10. Seleccione Revisar y crear y Crear.

    Nota: La creación de la prueba puede tardar unos minutos.

  11. Revise los resultados de la prueba, incluidos los usuarios virtuales, el tiempo de respuesta y las solicitudes por segundo.

  12. Seleccione Detener para completar la serie de pruebas.

Limpieza de los recursos

Si utiliza su propia suscripción, dedique un minuto a eliminar los recursos del laboratorio. De esta forma estará seguro de que los recursos se liberan y de que se minimiza el costo. La forma más fácil de eliminar los recursos de laboratorio es eliminar el grupo de recursos del laboratorio.

  • En Azure Portal, seleccione el grupo de recursos, seleccione Eliminar el grupo de recursos, Escribir el nombre del grupo de recursos y, después, haga clic en Eliminar.
  • Mediante Azure PowerShell, Remove-AzResourceGroup -Name resourceGroupName.
  • Mediante la CLI, az group delete --name resourceGroupName.

Ampliar el aprendizaje con Copilot

Copilot puede ayudarle a aprender a usar las herramientas de scripting de Azure. Copilot también puede ayudar en áreas no cubiertas en el laboratorio o donde necesita más información. Abra un explorador Edge y elija Copilot (superior derecha) o vaya a copilot.microsoft.com. Dedique unos minutos a probar estas indicaciones.

  • Resumir los pasos para crear y configurar una aplicación web de Azure.
  • ¿Cuáles son las formas en que puedo escalar una aplicación web de Azure?

Más información con el aprendizaje autodirigido

Puntos clave

Enhorabuena por completar el laboratorio. Estas son las principales conclusiones de este laboratorio.

  • Azure App Services le permite compilar, implementar y escalar aplicaciones web rápidamente.
  • App Service incluye compatibilidad con muchos entornos de desarrollador, como ASP.NET, Java, PHP y Python.
  • Las ranuras de implementación permiten crear entornos independientes para implementar y probar la aplicación web.
  • Puede escalar de forma manual o automática una aplicación web para controlar la demanda adicional.
  • Hay disponible una amplia variedad de herramientas de diagnóstico y pruebas.