DEV Community

Daniel Gomez
Daniel Gomez

Posted on • Updated on

Implementación continua en Azure con Visual Studio y GitHub

Implementación continua

Al hablar de implementación continua hacemos referencia a la siguiente definición:

“La entrega continua es la habilidad de llevar cambios nuevos de cualquier tipo (características, configuraciones, correcciones, y experimentos) a producción o a las manos del usuario, sin peligro y rápidamente”. Jez Humble.

Esta definición nos quiere decir que tenemos diversas ventajas al hacer uso de implementación continua, entre estas:

• Automatización del proceso de publicación de software.
• Mejorar la productividad de desarrollo.
• Encontrar y arreglar los errores con mayor rapidez.
• Entregar las actualizaciones a los usuarios con mayor rapidez.

Para entender estos conceptos rápidamente y de forma sencilla, realizaremos el proceso de implementación continua de una aplicación web cuyo desarrollo se realiza desde Visual Studio 2019, para luego asociar este proyecto a un repositorio de GitHub y con ese repositorio realizar implementación continua hacia Azure Web App donde se alojará nuestra aplicación.

Proyectos web soportados en App Service

Antes de revisar nuestro ejemplo de implementación, algo muy importante mencionar son los tipos de proyectos con los que podemos realizar implementación continua con Azure Web App, en este caso, Azure soporta los siguientes frameworks para el desarrollo web:

• .NET

• Node.js
• PHP
• Java
• Python
• HTML
• Docker

En este caso, nuestro ejemplo será una aplicación web realizada a través del framework: ASP.NET Core 2.2 desde Visual Studio 2019. De todas formas, para cualquier tipo de proyecto y/o cualquier IDE de preferencia, el proceso será similar.

PARTE 1: Asociar proyecto en Visual Studio con GitHub

Carga de trabajo .NET Core 2.2 en Visual Studio

Visual Studio: https://visualstudio.microsoft.com/es/downloads/

Considerando que tenemos la siguiente carga de trabajo en Visual Studio 2019:

Lo primero que debemos hacer es instalar la extensión de GitHub para Visual Studio:

Extensión: https://visualstudio.github.com/

Para ello Visual Studio debe estar cerrado para poder instalar la extensión ya que son cambios que se le realizan al IDE de Microsoft.

.NET Core 2.2 en Visual Studio

Una vez en instalada la extensión en Visual Studio y con el proyecto con el que deseamos trabajar se encuentre cargado,

Procederemos a asociar a la solución que contiene el proyecto a un repositorio en GitHub, para ello damos clic derecho en la solución y seleccionamos agregar solución al control de código fuente:

Posteriormente nos dirigimos a la vista Team Explorer y luego a la sección de Sincronización:

En este caso nos aparecen las opciones para publicar nuestro proyecto en una cuenta de Azure DevOps y en una cuenta de GitHub.

Al seleccionar Publicar en GitHub, nos pedirá iniciar sesión si es la primera vez y crear el repositorio al cual queremos asociar el proyecto:

Poco tiempo después nuestro proyecto estará asociado al repositorio que acabamos de crear. Eso lo podemos comprobar directamente desde GitHub:

De aquí en adelante siempre que queramos guardar los cambios que realicemos podemos dirigirnos a la sección Cambios en Team Explorer:

Y en la sección Sincronizar confirmar los cambios de salida:

PARTE 2: Implementación continua entre Azure Web App y repositorio de GitHub

Como primer punto es necesario tener un servicio Web App en Azure, para ello podemos crearlo desde el portal de Azure en caso de que no tengamos una aplicación establecida.

Como podemos ver en la imagen, el nombre de la aplicación también servirá para definir el nombre del dominio para poder acceder al sitio web que se desea crear. Azure nos proporciona un subdominio con azurewebsites.net.

Asimismo, Azure nos permite especificar la pila de ejecución, en este caso seleccionamos .NET Core 2.2 que es la versión que utiliza nuestra aplicación.

Alt Text

La creación de este servicio suele tomar entre 30 y 60 segundos.

Ahora que ya tenemos el servicio creado, nos dirigimos al recurso en el portal de Azure. En la página de la aplicación, seleccione Deployment Center (Centro de implementación) en el menú de la izquierda.

En la página del centro de implementación, seleccionamos GitHub y, a continuación, iniciamos sesión y seleccionamos en Authorize (Autorizar).

En cuanto a GitHub, en la página para compilar el proveedor, seleccionar App Service build service (Servicio de compilación de App Service) y, a continuación, Continue (Continuar).

Luego en la página de configuración:

Desplegamos el menú y seleccionamos la organización, el repositorio y la rama que se desea implementar continuamente.

Después de configurar el proveedor de compilación, revise la configuración en la página de resumen y seleccione Finish (Finalizar).

A partir de ahora las nuevas confirmaciones del repositorio y la rama seleccionados ahora se implementan continuamente en su aplicación de App Service. Puede realizar el seguimiento de las confirmaciones y las implementaciones en la página del centro de implementación.

COMENTARIOS ADICIONALES

Deshabilitación de la implementación continua

Para deshabilitar la implementación continua, seleccione Disconnect (Desconectar) en la parte superior de la página Deployment Center (Centro de implementación) de la aplicación.

Para continuar con la implementación continua posteriormente, repetimos el proceso de asociación al repositorio de GitHub desde la página Deployment Center (Centro de implementación) de la aplicación.

Otras fuentes de repositorios

Adicional a GitHub, con Azure Web App también podemos realizar implementación continua desde las siguientes fuentes:

• Bitbucket
• Local Git
• OneDrive

• Dropbox
• External
• FTP

Top comments (1)

Collapse
 
carlossedaa profile image
Carlos Seda

Gracias!!