Singular Blog

.Net Core Pipeline in Azure DevOps in 4 Steps

It is almost a standard today that the applications developed for any product, have in their life flow, with Continuous Integration and Continuous Delivery mechanisms commonly called CI / CD for its acronym in English (Continuous Integration / Continuous Delivery) that allow that a new version of the app can be delivered in real time or on demand according to the needs of the client.

adm_singulartech
07/07/2022

Es casi un estándar el día de hoy que las aplicaciones desarrolladas para cualquier producto, cuenten en su flujo de vida, con mecanismos de Integración Continua y Entrega Continua comúnmente llamado CI/CD por sus siglas en inglés (Continuous Integration / Continuous Delivery) que permiten que una nueva versión de la app pueda entregarse en tiempo real o a demanda de acuerdo a las necesidades del cliente.

El enfoque CI/CD permite a un equipo de desarrollo centrarse más en la elaboración del producto sin preocuparse de la manera en que este va a ser desplegado en el ambiente productivo, así mismo, permite al usuario final tener de una manera más rápida los requerimientos solicitados en un ambiente real. Existen en el mercado infinidad de herramientas que permiten implementar este enfoque. En esta ocasión utilizaremos la plataforma de tecnología Microsoft, para configurar un pipeline de integración continua y entrega continua en 4 pasos

Azure DevOps cuenta con herramientas que hacen muy fácil la vida del equipo de desarrollo software y de tus clientes en cuanto a la entrega continua de aplicaciones. En Azure DevOps, la plataforma Application Lifecycle Managament (ALM) de Microsoft es muy sencillo crear y configurar un pipeline para publicar tu aplicación en la nube.

Como requerimiento para este post se necesita tener configurado un proyecto de Azure Devops y una Aplicación Web en la nube de Microsoft que pueda alojar tu aplicación.

Paso 01: Crea tu aplicación

En el primer paso vamos a crear una aplicación web de ReactJs en .Net Core, para ello sigue las siguientes instrucciones.

Abre tu Visual Studio y selecciona “Create a new project”

Buscar y selecciona la plantilla “ASP .NET Core with ReactJs” y selecciona “Next”

Ingresar el nombre de tu aplicación “Singular.DevOps.Demo” y selecciona “Next”

Ahora selecciona la versión “Current” de .Net Core y a continuación click en “Create”

Listo, ya tienes tu aplicación Web de ReactJs para el siguiente paso !!!

Paso 02: Sube tu código fuente

La plataforma Azure DevOps, cuenta con una sección enteramente dedicada al control de código fuente. La plataforma usa por defecto la herramienta git, que hoy por hoy se ha convertido en el versionador de código fuente por defecto en el mercado.

Para alojar tu código fuente, crearemos un repositorio y subiremos el código haciendo lo siguiente:

Ubícate en la sección “Repos” de tu proyecto de Azure DevOps

Despliega la lista superior y selecciona “New Repository”

Ingresa el nombre de tu repositorio “Singular.DevOps.Demo” y click en “Create”

Ahora que ya tienes tu repositorio, es momento de subir tus cambios !!!

Selecciona “Clone” en tu repo y Copia el link

Utiliza cualquier cliente de Git para clonarlo utilizando el link.

Copia el código fuente de tu proyecto del Paso 01 en la carpeta en la que clonaste el repo.

Sube tus cambios en un nuevo “Commit” y luego realiza el “Push” de tus cambios.

Ahora ya tienes tu código listo para el pipeline.

Paso 03: Configura tu pipeline

Así como Azure tiene una sección dedicada al control de condigo fuente, la plataforma cuenta con una sección dedicada a la integración continua y entrega continua, usando esta herramienta, vamos a crear nuestro pipeline.

Ubícate en la sección “Pipelines” de Azure DevOps y selecciona “Create Pipeline”.

En esta sección selecciona “Azure Repos Git”

Ahora sección selecciona el repo que creaste en el segundo paso.

Y ahora sección selecciona la opción “ASP .NET Core (.NET Framework)”.

Sitúate al final del editor y agrega el paso “Publish build artifacts”

Y por último selecciona “Save and run”

Espera que la aplicación termine de compilar y ya tendrás tu código listo para desplegar.

Paso 04: Despliega tus cambios

El siguiente paso es configurar un reléase para desplegar tu app en la nube, este paso se configura en la opción “Releases” de Azure DevOps de la siguiente forma.