Github + Integración continua + Microsoft Azure + Web Apps

Como les había prometido vamos a continuar explorando las alternativas de integración continua que nos ofrece Microsoft Azure y en esta ocasión aprenderemos a realizarlo con GitHub. Deben de contar con un repositorio publicado (si no es así en este artículo pueden encontrar información)

Vamos a ingresar en nuestra cuenta de Microsoft Azure y crearemos una nueva aplicación web

00.PNG

Una vez creada nos despliega una ventana con la información del servicio que acabamos de crear, en las configuraciones vamos a dar click en una opción llamada “Implementación Continua”

01.png

Se van a desplegar todas las opciones que tenemos para implementar y vamos a realizarlo con varios, ustedes pueden realizar el o los que deseen.

Debemos de tener una cuenta y un repositorio con código (si no es así pueden revisar este artículo y luego regresar para continuar)

02.png

Una vez que damos click en Github nos va solicitar nuestros datos

03.PNG

Cuando se complementa el proceso de autenticación nos informa

04.png

Damos click en la sección “Elegir proyecto” y se van a desplegar los repositorios que tengamos en Github, vamos a seleccionar el que hayamos creado previamente.

05.png

Cuando se selecciona el repositorio por defecto la rama con la que se va trabajar es la que está activa en este caso es master sin embargo si desean realizarlo en otra la pueden seleccionar

06.PNG

Cuando damos click en aceptar Microsoft Azure empezará a sincronizar con Github para obtener las implementaciones y aplicar la última

07.png

Cuando se finaliza de sincronizar nos informa, además despliega un check verde que indica que esa versión es la que se encuentra activa (en caso que tengamos otras podemos cambiar)

08.PNG

Ahora vamos a ir a la url de nuestro sitio web y observamos el contenido de éste

Screen Shot 2016-01-02 at 22.43.41.png

En nuestro repositorio vamos a cambiar el código del index por el siguiente

<html>
	<head>
		<title>
			Integración Continua
		</title>
		</head>
	<body>
		Hola 2
	</body>
</html>	

Realizamos un commit y sincronizamos. Esperamos unos segundos y observamos que Microsoft Azure va a sincronizar y a implementar el último commit

10.PNG

Ahora si actualizamos la página web vamos a observar el siguiente resultado

Screen Shot 2016-01-02 at 22.43.41

Espero que les sea de ayuda, hasta la próxima 🙂

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s