Tutorial: Implementación de la aplicación de ASP.NET en máquinas virtuales de Azure mediante Azure DevOps Starter

Azure DevOps Starter presenta una experiencia simplificada en la que puede traer el 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 nueva máquina virtual de Azure.
• Crea y configura una canalización de versión en Azure DevOps que incluye una canalización de compilación para CI.
• Configura una pipeline de publicación para CD.
• Crea un recurso de Azure Application Insights para la supervisión.

En este tutorial, hará lo siguiente:

Prerrequisitos

• Una suscripción de Azure. Puede obtener uno gratis a través de Visual Studio Dev Essentials.

Uso de DevOps Starter para implementar la 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 o usar una organización existente. DevOps Projects también crea recursos de Azure como máquinas virtuales en la suscripción de Azure que prefiera.

1. Inicie sesión en Azure Portal.

2. En el cuadro de búsqueda, escriba DevOps Startery, a continuación, seleccione. Haga clic en Agregar para crear uno nuevo.

   

3. Seleccione .NET y luego seleccione Siguiente .

4. En Elija un marco de trabajo de aplicación, seleccione ASP.NETy, a continuación, seleccione Siguiente. El marco de trabajo de la aplicación, que eligió en un paso anterior, determina el tipo de destino para la implementación de servicios de Azure que está disponible aquí.

5. Seleccione la máquina virtual y, a continuación, seleccione Siguiente.

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

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

2. Escriba un nombre para el proyecto de Azure DevOps.

3. Seleccione los servicios de suscripción de Azure. Opcionalmente, puede seleccionar Cambiar y, a continuación, escribir más detalles de configuración, como la ubicación de los recursos de Azure.

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

   Una vez completado, el panel de DevOps Starter se muestra en Azure Portal. También puede acceder al panel directamente desde Todos los recursos en el portal de Azure.

   El panel proporciona visibilidad sobre el repositorio de código de Azure DevOps, la canalización de CI/CD y la aplicación en ejecución en Azure.

   

DevOps Starter configura automáticamente un desencadenador de compilación y versión de CI que implementa los cambios de código en el repositorio. Puede configurar más opciones adicionales en Azure DevOps. Para ver la aplicación en ejecución, seleccione Explorar.

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 el flujo de trabajo de compilación, debe hacer lo siguiente:

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

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

3. Seleccione Editar.

4. En este panel, puede examinar las distintas tareas del pipeline de compilación. La compilación realiza varias tareas, como capturar orígenes del repositorio de Git, restaurar dependencias y publicar salidas usadas para las implementaciones.

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

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

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

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

9. Seleccione Retención. Dependiendo de sus escenarios, puede especificar políticas para mantener o quitar un determinado número de versiones.

Examina la tubería de CD

DevOps Starter crea y configura automáticamente los pasos necesarios para implementar desde la organización de Azure DevOps en su suscripción de Azure. Estos pasos incluyen la configuración de una conexión de servicio de Azure para autenticar Azure DevOps en su suscripción de Azure. La automatización también crea una canalización de CD, que proporciona el CD a la máquina virtual de Azure. Para obtener más información sobre la canalización de CD de Azure DevOps, siga los siguientes pasos:

1. Seleccione Compilación y Liberación, y a continuación, seleccione Liberaciones. DevOps Starter crea una canalización de entrega para administrar implementaciones en Azure.

2. Seleccione los puntos suspensivos (...) junto a su pipeline de publicación y, a continuación, seleccione Editar. La pipeline de lanzamiento contiene un pipeline, que define el proceso de lanzamiento.

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

4. Junto al icono Drop, seleccione activador de implementación continua. Esta canalización de versión tiene un desencadenador de CD habilitado, que ejecuta una implementación cada vez que hay disponible un nuevo artefacto de compilación. Opcionalmente, puede deshabilitar el desencadenador para que las implementaciones requieran una ejecución manual.

5. A la izquierda, seleccione Tareasy, a continuación, seleccione el entorno. Las tareas son las actividades que ejecuta el proceso de implementación y se agrupan en fases. El pipeline de lanzamiento se lleva a cabo en dos fases:

   • La primera fase contiene una tarea de implementación de grupo de recursos de Azure que hace dos cosas:

     • 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áquinas virtuales de Azure DevOps administra grupos lógicos de máquinas de destino de implementación.

   • En la segunda fase, una tarea Administración de aplicaciones web de IIS crea un sitio web de IIS en la máquina virtual. Se crea una segunda tarea de implementación de aplicaciones web de IIS para implementar el sitio.

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

7. Seleccione la elipsis (...) junto a una versión y, a continuación, seleccione Abrir. Puede explorar varios menús, como un resumen de versión, elementos de trabajo asociados y pruebas.

8. Seleccione Confirmaciones. En esta vista se muestran confirmaciones de código asociadas a esta implementación. Compare 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. Puede verlos tanto durante como después de las implementaciones.

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

Ya estás listo para colaborar con un equipo en tu aplicación mediante un proceso de CI/CD que implementa automáticamente tu trabajo más reciente en tu sitio web. Cada cambio 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 de esta sección o use 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 los cambios en el sitio web de IIS en la máquina virtual de Azure.

1. En el panel izquierdo, seleccione Códigoy, a continuación, vaya al repositorio.

2. Vaya al directorio Views\Home, seleccione los puntos suspensivos (...) situados junto al archivo Index.cshtml, y a continuación, 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 Confirmary, a continuación, seleccione Confirmar para insertar el cambio. Después de unos instantes, una compilación se inicia en Azure DevOps y una versión se ejecuta para implementar los cambios. Supervise el estado de compilación en el panel de DevOps Starter o en el explorador con su organización de Azure DevOps.

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

Configuración de la supervisión de Azure Application Insights

Con Azure Application Insights, puede supervisar fácilmente el rendimiento y el uso de la aplicación. DevOps Starter configura automáticamente un recurso de Application Insights para la aplicación. Puede configurar más alertas y funcionalidades de supervisión según sea necesario.

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

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

   

3. Seleccione intervalo de tiempoy, a continuación, seleccione Última hora. Para filtrar los resultados, seleccione Actualizar. Ahora puede ver toda la actividad de los últimos 60 minutos.

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

5. Seleccione Alertasy, a continuación, seleccione Agregar alerta de métrica.

6. Escriba un nombre para la alerta.

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

8. Seleccione la casilla de verificación Notificar a propietarios, colaboradores y lectores a través de correo electrónico. Opcionalmente, puede realizar acciones adicionales cuando se muestra una alerta mediante la ejecución de una aplicación lógica de Azure.

9. Seleccione Aceptar para crear la alerta. Después de unos instantes, la alerta aparece como activa en el panel.

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

11. Seleccione Disponibilidady, a continuación, seleccione Agregar prueba.

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

Limpieza de recursos

Si está probando, puede evitar acumular cargos de facturación limpiando sus recursos. Cuando ya no sean necesarios, puede eliminar la máquina virtual de Azure y los recursos relacionados que creó en este tutorial. Para ello, use la funcionalidad Eliminar en el panel de DevOps Starter.

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

Opcionalmente, puede modificar estas canalizaciones de compilación y versión para satisfacer las necesidades de su equipo. También puede usar este patrón de CI/CD como plantilla para otras canalizaciones.

Pasos siguientes

En este tutorial, ha aprendido a:

Para obtener más información sobre el flujo de trabajo de CI/CD, consulte: