Tutorial: Implementación de una aplicación de ASP.NET en Azure Virtual Machines mediante Azure DevOps Starter

Azure DevOps Starter ofrece una experiencia simplificada en la que puede utilizar su código existente y el repositorio de Git, o elegir una aplicación de ejemplo para crear una canalización de integración continua (CI) y entrega continua (CD) en Azure.

DevOps Starter también:

  • Crea automáticamente recursos de Azure, como una máquina virtual (VM) de Azure.
  • Crea y configura una canalización de versión en Azure DevOps que incluye una canalización de compilación para integración continua.
  • Configura una canalización de versión para implementación continua.
  • Crea un recurso de Azure Application Insights para la supervisión.

En este tutorial, aprenderá lo siguiente:

  • Usar DevOps Starter para implementar una aplicación de ASP.NET
  • Configuración de Azure DevOps y una suscripción de Azure
  • Examen de la canalización de CI
  • Examen de la canalización de CD
  • Confirmación de los cambios en Azure Repos e implementación automática de los mismos en Azure
  • Configurar la supervisión de Azure Application Insights
  • Limpieza de recursos

Requisitos previos

Usar DevOps Starter para implementar una aplicación de ASP.NET

DevOps Starter crea una canalización de CI/CD en Azure Pipelines. Puede crear una organización de Azure DevOps nueva o usar una existente. DevOps Projects también crea recursos de Azure, como máquinas virtuales, en la suscripción de Azure que se elija.

  1. Inicie sesión en Azure Portal.

  2. En el cuadro de búsqueda, escriba DevOps Starter y, después, selecciónelo. Haga clic en Agregar para crear un recurso.

    Panel de DevOps Starter

  3. Seleccione .NET y después Siguiente.

  4. En Elegir un marco de trabajo de la aplicación, seleccione ASP.NET y, después, seleccione Siguiente. El marco de trabajo de la aplicación que eligió en un paso anterior, determina el tipo de destino de implementación del servicio de Azure que está disponible aquí.

  5. Seleccione la máquina virtual y, después, Siguiente.

Configuración de Azure DevOps y una suscripción de Azure

  1. Cree una organización de Azure DevOps o elija una existente.

  2. Escriba el nombre del proyecto de Azure DevOps.

  3. Seleccione los servicios de la suscripción a Azure. Si lo desea, puede seleccionar Cambiar y, luego, especificar más detalles de la configuración, como la ubicación de los recursos de Azure.

  4. Escriba el nombre de máquina virtual, el nombre de usuario y la contraseña de el nuevo recurso de máquina virtual de Azure y, después, seleccione Listo. Al cabo de unos minutos, la máquina virtual de Azure estará lista. Se configura una aplicación ASP.NET de ejemplo en un repositorio de la organización de Azure DevOps, se ejecutan la compilación y la versión, y la aplicación se implementa en la máquina virtual de Azure recién creada.

    Al finalizar, el panel de DevOps Starter se muestra en Azure Portal. También puede ir al panel directamente desde Todos los recursos en Azure Portal.

    Dicho panel proporciona visibilidad del repositorio de código de Azure DevOps, la canalización de CI/CD y la aplicación que se ejecuta en Azure.

    Vista de panel

DevOps Starter configura automáticamente una compilación de integración continua y un desencadenador de versión que implementa en el repositorio los cambios realizados en el código. Puede seguir configurando opciones adicionales en Azure DevOps. Para ver la aplicación en ejecución, seleccione Examinar.

Examen de la canalización de CI

DevOps Starter configuró automáticamente una canalización de CI/CD en Azure Pipelines. Puede explorar y personalizar la canalización. Para familiarizarse con la canalización de compilación, siga estos pasos:

  1. En la parte superior del panel de DevOps Starter, seleccione Compilar canalizaciones. Una pestaña del explorador muestra la canalización de compilación del nuevo proyecto.

  2. Elija el campo Estado y seleccione los puntos suspensivos (...). Un menú muestra varias opciones, como poner en cola una nueva compilación, poner en pausa una compilación y editar la canalización de compilación.

  3. Seleccione Editar.

  4. En este panel puede examinar las distintas tareas de la canalización de compilación. La compilación ejecuta varias tareas, como capturar códigos fuente del repositorio Git, restaurar dependencias y publicar las salidas usadas para implementaciones.

  5. En la parte superior de la canalización de compilación, seleccione el nombre de esta.

  6. Cambie el nombre de la canalización de compilación por otro más descriptivo, seleccione Guardar y poner en cola y, luego, Guardar.

  7. En el nombre de la canalización de compilación, seleccione Historial. Este panel muestra un registro de auditoría de los cambios recientes de la compilación. Azure DevOps realiza un seguimiento de los cambios realizados en la canalización de compilación y permite comparar las versiones.

  8. Seleccione Desencadenadores. DevOps Starter crea automáticamente un desencadenador de integración continua y cada confirmación al repositorio inicia una compilación. Opcionalmente, puede elegir incluir o excluir ramas del proceso de integración continua.

  9. Seleccione Retención. En función del escenario, puede especificar directivas para conservar o quitar un determinado número de compilaciones.

Examen de la canalización de CD

DevOps Starter crea y configura automáticamente los pasos necesarios para implementar desde la organización de Azure DevOps en la suscripción a Azure. Dichos pasos incluyen la configuración de una conexión de servicio de Azure para realizar la autenticación de Azure DevOps en la suscripción de Azure. La automatización también crea una canalización de implementación continua, lo que proporciona la implementación continua a la máquina virtual de Azure. Para más información acerca de la canalización de la implementación continua de Azure DevOps, siga estos pasos:

  1. Seleccione Compilación y versión y, después, Versiones. DevOps Starter crea una canalización de versión para administrar implementaciones en Azure.

  2. Seleccione los puntos suspensivos (...) que se encuentran junto a la canalización de versión, y, después, Editar. La canalización de versión contiene una canalización, que define el proceso de lanzamiento.

  3. En Artefactos, seleccione Colocar. La canalización de compilación que ha examinado en los pasos anteriores genera la salida que se usa para el artefacto.

  4. Al lado del icono Colocar, seleccione Desencadenador de implementación continua. Esta canalización de versión tiene un desencadenador de implementación continua habilitado que ejecuta una implementación cada vez que hay un nuevo artefacto de compilación disponible. Opcionalmente, puede deshabilitar el desencadenador, con lo que las implementaciones van a requerir una ejecución manual.

  5. En el lado izquierdo, seleccione Tareas y, después, seleccione un entorno. Las tareas son las actividades que ejecuta el proceso de implementación y se agrupan en fases. Esta canalización de versión se produce en dos fases:

    • La primera contiene una tarea de implementación de un grupo de recursos de Azure que realiza dos acciones:

      • Configura la máquina virtual para la implementación
      • Agrega la nueva máquina virtual a un grupo de implementación de Azure DevOps. El grupo de implementación de máquina virtual en Azure DevOps administra los grupos lógicos de las máquinas de destino de la implementación.
    • En la segunda fase, una tarea de administración de aplicación web de IIS crea un sitio web de IIS en la máquina virtual. Se crea una segunda tarea de implementación de una aplicación web de IIS para implementar el sitio.

  6. A la derecha, seleccione Ver versiones para mostrar un historial de las versiones.

  7. Seleccione los puntos suspensivos (...) que se encuentran junto a una de las versiones y, después, Abrir. Puede explorar varios menús, como un resumen de las versiones, elementos de trabajo asociados y las pruebas.

  8. Seleccione Confirmaciones. Esta vista muestra las confirmaciones de código que están asociadas a esta implementación. Compare las versiones para ver las diferencias de confirmación entre las implementaciones.

  9. Seleccione Registros. Los registros contienen información útil sobre el proceso de implementación. Se pueden ver tanto durante las implementaciones como después de ellas.

Confirmación de los cambios en Azure Repos e implementación automática de los mismos en Azure

A partir de ese momento ya puede empezar a colaborar con un equipo en una aplicación mediante el uso de un proceso de CI/CD que implemente automáticamente el trabajo más reciente en su sitio web. Cada cambio que se realiza en el repositorio de Git inicia una compilación en Azure DevOps y una canalización de CD ejecuta una implementación en Azure. Siga el procedimiento descrito en esta sección o utilice otra técnica para confirmar los cambios en el repositorio. Los cambios de código inician el proceso de CI/CD e implementan automáticamente sus cambios en el sitio web de IIS en la máquina virtual de Azure.

  1. En el panel izquierdo, seleccione Códigoy, después, vaya al repositorio.

  2. Vaya al directorio Views\Home, seleccione los puntos suspensivos (...) que hay junto al archivo Index.cshtml y seleccione Editar.

  3. Realice un cambio en el archivo, como agregar texto dentro de una de las etiquetas div.

  4. En la parte superior derecha, seleccione Confirmar y, después, seleccione Confirmar de nuevo para insertar el cambio. Tras unos instantes, se inicia una compilación se inicia en Azure DevOps y se ejecuta una versión para implementar los cambios. Supervise el estado de la compilación en el panel de DevOps Starter o en el explorador con la organización de Azure DevOps.

  5. Una vez que complete la versión, actualice la aplicación para comprobar los cambios.

Configurar la supervisión de Azure Application Insights

Con Azure Application Insights puede supervisar fácilmente el rendimiento y la utilización de la aplicación. DevOps Starter configura automáticamente un recurso de Application Insights para la aplicación. Puede seguir configurando diversas alertas y supervisando las funcionalidades según sea necesario.

  1. En Azure Portal, vaya al panel de DevOps Starter.

  2. En la parte inferior derecha, seleccione el vínculo de Application Insights para la aplicación. Se abre el panel Application Insights. Esta vista contiene información sobre la supervisión de la disponibilidad, el rendimiento y el uso de la aplicación.

    El panel Application Insights

  3. Seleccione Intervalo de tiempo y, después, elija Última hora. Para filtrar los resultados, seleccione Actualizar. Ya puede ver toda la actividad de los últimos 60 minutos.

  4. Para salir del intervalo de tiempo, seleccione x.

  5. Seleccione Alertas y, después, Agregar alerta de métrica.

  6. Escriba el nombre de la alerta.

  7. En la lista desplegable Métrica, examine las distintas métricas de alertas. La alerta predeterminada es para un tiempo de respuesta de servidor mayor de 1 segundo. Puede configurar fácilmente diversas alertas para mejorar las funcionalidades de supervisión de la aplicación.

  8. Seleccione la casilla Notify via Email owners, contributors, and readers (Notificar a través de correo electrónico a lectores, colaboradores y propietarios). Si lo desea, puede realizar acciones adicionales cuando se muestre una alerta mediante la ejecución de una aplicación de lógica de Azure.

  9. Seleccione Aceptar para crear la alerta. Poco después la alerta aparece como activa en el panel.

  10. Salga del área Alertas y vuelva al panel Application Insights.

  11. Seleccione Disponibilidad y, después, Agregar prueba.

  12. Escriba el nombre de una prueba y seleccione Crear. Así se crea la prueba de ping simple para comprobar la disponibilidad de la aplicación. Después de unos minutos, los resultados de la prueba están disponibles y el panel de Application Insights muestra un estado de disponibilidad.

Limpieza de recursos

Si va a realizar pruebas, limpie los recursos para que no se acumulen costos de facturación. Cuando dejen de ser necesarios, puede eliminar la máquina virtual de Azure y los recursos relacionados que ha creado en este tutorial. Para ello, use la funcionalidad Eliminación del panel de DevOps Starter.

Importante

El siguiente procedimiento elimina permanentemente los recursos. La funcionalidad de Eliminación destruye los datos que crea el proyecto en DevOps Starter tanto en Azure como en Azure DevOps y no se podrán recuperar. Utilice este procedimiento cuando haya leído detenidamente las indicaciones.

  1. En Azure Portal, vaya al panel de DevOps Starter.
  2. En la parte superior derecha, seleccione Eliminar.
  3. En el mensaje, seleccione para eliminar permanentemente los recursos.

Si lo desea, puede modificar estas canalizaciones de compilación y de versión para satisfacer las necesidades de su equipo. También puede usar este patrón de CI/CD como plantilla para las demás canalizaciones.

Pasos siguientes

En este tutorial, ha aprendido a:

  • Usar DevOps Starter para implementar una aplicación de ASP.NET
  • Configuración de Azure DevOps y una suscripción de Azure
  • Examen de la canalización de CI
  • Examen de la canalización de CD
  • Confirmación de los cambios en Azure Repos e implementación automática de los mismos en Azure
  • Configurar la supervisión de Azure Application Insights
  • Limpieza de recursos

Para más información acerca de la canalización de CI/CD, consulte: