Crear y publicar una web app desde Visual Studio hacia Microsoft Azure. Publicar la web app hacia la plataforma de GitHub. Integración Continua entre un repositorio de GitHub y Microsoft Azure.

1. Integración Continua en
Microsoft Azure
Víctor Moreno
Microsoft MVP
@vmorenoz

2. ¿Qué voy a aprender?
En esta demostración, aprenderás como aplicar integración continua
dentro de la nube de Microsoft Azure con los servicios de App
Service.

3. Objetivos
• Crear y publicar una web app desde Visual Studio hacia Microsoft
Azure.
• Publicar la web app hacia la plataforma de GitHub.
• Integración Continua entre un repositorio de GitHub y Microsoft
Azure.

4. Requerimientos
• Una cuenta de Microsoft Azure.
• Visual Studio 2015.
• Una cuenta de GitHub.
• GitHub Desktop.

5. Integración Continua
La Integración Continua ó Continuous Integration forma parte de la
metodología DevOps, y es un método comprobado para asegurar
que el desarrollo software se integre de manera correcta con el resto
de la plataforma
Para conocer mas acerca de Integración Continua visita:
https://wp.me/p4REoZ-VV

6. Demostración
Crear y publicar una web app desde Visual Studio hacia Microsoft
Azure.

20. Después de terminar de publicar el sitio web con Visual Studio,
regresaremos al portal de Microsoft Azure para comprobarlo.

23. Demostración
Publicar la web app hacia la plataforma de GitHub.

26. Una vez creado nuestro repositorio desde la plataforma de GitHub,
pasaremos a utilizar GitHub Desktop para clonarlo localmente.
Nota: Cada cambio hacia GitHub se puede hacer desde la consola
Git con comandos de igual manera.

28. Toda la carpeta de nuestro proyecto en Visual
Studio deberá ser copiada y pegada en el
repositorio clonado para su sincronización.

29. Una vez detectados los cambios por GitHub
Desktop, haremos nuestro primer Commit.

30. Ahora publicaremos todo hacia nuestro
repositorio en la plataforma GitHub.

32. Demostración
Integración Continua entre un repositorio de GitHub y Microsoft
Azure.

33. Conectaremos nuestro repositorio de GitHub
con nuestra aplicación web de Azure.

35. Con el paso anterior, Microsoft Azure genera un Webhook en GitHub.
Un webhook es una herramienta que facilita el envío y recepción de datos
entre aplicaciones en tiempo real. Un webhook entrega datos a otras
aplicaciones a medida que suceden, lo que significa que obtiene datos de
inmediato.
Esta basado en una url HTTP.
A diferencia de las API típicas en las que necesitaría sondear datos con
mucha frecuencia para obtenerlos en tiempo real. Esto hace que los
webhook sean mucho más eficientes tanto para el proveedor como para
el consumidor.

37. Después de crearse el Webhook, cada cambio que se haga en el
repositorio master directamente desde la pagina web de GitHub o
Visual Studio haciendo commits, Microsoft Azure hará un pull de
manera automática.

39. Hacemos un cambio a la pagina principal de
nuestra aplicación web.

41. Cuando regresemos a nuestra página web con la misma URL, veremos que la actualización fue realizada
automáticamente y no tuvimos que hacer ninguna publicación manual en Azure si no que fue al repositorio de
GitHub, el cambio lo detectó el Webhook y nuestro proyecto se actualizó.

42. Víctor Moreno
Microsoft MVP
@vmorenoz