Ejercicio: Administración de implementaciones de aplicaciones desde IntelliJ IDE

  • 10 minutos

En la unidad anterior aprendió que Azure Explorer en Azure Toolkit for IntelliJ le permite administrar y configurar aplicaciones web de Azure. En este ejercicio, aprenderá a usar Azure Explorer para transmitir registros de su aplicación web en Azure App Service en el marco de IntelliJ IDEA.

A continuación, modificará la aplicación web mediante Azure Explorer para agregar un par de propiedades a la configuración. Modificará la aplicación web para leer el valor de estas propiedades y usarlas en la lógica de la aplicación web. Luego, volverá a implementar la aplicación web y comprobará que funciona según lo previsto.

Supervisión de la aplicación con la transmisión de registros

  1. En IntelliJ IDEA, en el menú Vista, seleccione Ventana de herramientas y, después, Azure Explorer.

  2. En la ventana Azure Explorer, amplíe Web Apps, haga clic con el botón derecho en la aplicación web y, luego, seleccione Iniciar transmisión de registros.

    Captura de pantalla del menú contextual de la aplicación web en la ventana del explorador de Azure.

  3. Los registros empezarán a aparecer en unos segundos. Puede acceder a la aplicación web para generar algunos registros.

    Captura de pantalla del explorador web con el mensaje HTTP 403.

  4. Para detener la transmisión de registros, haga clic con el botón derecho en la aplicación web y, luego, en Detener transmisión de registros.

Adición de propiedades de configuración a la aplicación web

  1. En la ventana Azure Explorer, haga clic con el botón derecho en la aplicación web y, después, haga clic en Mostrar propiedades. Debería aparecer la ventana de propiedades de la aplicación web:

    Captura de pantalla de la ventana de propiedades de la aplicación web.

  2. En la ventana de propiedades, haga clic en el icono Agregar para agregar una nueva clave de propiedad y un valor.

  3. En la columna Nombre de la nueva propiedad, escriba el nombre Retraso.

  4. En la columna Valor de la propiedad, escriba el valor 2 y presione Entrar.

  5. En la ventana de propiedades, vuelva a hacer clic en el icono Agregar.

  6. Agregue otra propiedad denominada Iteraciones, con el valor 10.

    Captura de pantalla de la ventana de propiedades de la aplicación web en la que se muestran las nuevas propiedades y los valores

  7. Seleccione Guardar.

Modificación de la aplicación web para usar las propiedades

  1. En la ventana Explorador de proyectos, haga doble clic en index.jsp para que se vuelva a abrir.

  2. En la sección <body> del código de la página web, actualice el código como se muestra a continuación:

    <body>
    <%! int delayms = Integer.valueOf(System.getenv("Delay")) * 1000;
        int iterations = Integer.valueOf(System.getenv("Iterations"));
        DateFormat fmt = new SimpleDateFormat("dd/MM/yy HH:mm:ss"); %>
    <%  for (int i = 0; i < iterations; i++) {
        Thread.sleep(delayms); %>
        <p>Today's date is <%= fmt.format(new Date()) %></p>
    <% } %>
    <p>Your IP address is <%= request.getRemoteAddr() %></p>
</body>

    Este código lee los valores de ambas propiedades, que se exponen como variables de entorno para el runtime de la aplicación web. El código muestra la fecha y la hora en intervalos de segundos de Retraso y realiza el número de bucles indicado por Iteraciones.

    Nota:

    En este ejemplo, el código se ejecuta de forma sincrónica al generar la salida. Esto significa que la página puede tardar hasta 20 segundos en aparecer.

  3. En el menú Archivo, seleccione Guardar todo.

  4. En la ventana del Explorador de proyectos, haga clic con el botón derecho en la aplicación web, seleccione Azure y, a continuación, seleccione Implementar en Azure Web Apps.

  5. En la ventana Implementar aplicación web, acepte la configuración predeterminada y haga clic en Ejecutar. Esta acción sobrescribirá la aplicación web existente con la nueva versión.

  6. En la ventana Registro de actividad de Azure, espere hasta que en la columna de progreso se indique que la aplicación web se ha implementado correctamente.

  7. Haga clic en el vínculo Publicado en la ventana Registro de actividad de Azure. Se abre una nueva ventana del explorador. Después de 20 segundos, aparecerán los mensajes que muestran el tiempo en intervalos de dos segundos, seguidos de la dirección IP del equipo cliente.

    Captura de pantalla del explorador web en el que se ejecuta la nueva versión de la aplicación web.

    Nota:

    Si intenta navegar al sitio web mientras aún se está publicando, verá un error HTTP 403. Si sucede eso, espere unos segundos y actualice el explorador web.

  8. Deje abierta la ventana del explorador y vuelva a IntelliJ IDEA.

  9. En la ventana Azure Explorer, haga clic con el botón derecho en la aplicación web y, después, haga clic en Mostrar propiedades.

  10. En la ventana de propiedades, seleccione la propiedad Retraso y haga doble clic en el campo Valor para editarlo. Cambie el valor a 1.

  11. Seleccione la propiedad Iteraciones y cambie el valor a 5.

  12. Seleccione Guardar.

  13. Vuelva al explorador web y actualice la pantalla. Esta vez, la página mostrará el tiempo en intervalos de un segundo y solo se repite cinco veces. Observe que no ha sido necesario volver a implementar la aplicación web.

    Captura de pantalla del explorador web en el que se ejecuta la versión modificada de la aplicación web.

Importante

La eliminación de la aplicación web con Azure Toolkit for IntelliJ no elimina el plan de App Service, pero puede quitarlo mediante Azure Portal. Para ello, vaya al grupo de recursos adecuado, seleccione el plan de App Service y haga clic en Eliminar, como se muestra en la imagen siguiente:

Captura de pantalla del portal de Azure. El usuario está eliminando el plan de servicio de la aplicación.