Una de las novedades introducidas en Azure Websites es la de publicar directamente desde repositorios de código consiguiendo así integración contínua, es decir, que cada vez que realicemos cambios se publiquen en nuestro website automáticamente. En este post vamos a explcar cómo hacerlos desde Git. Para ello podemos utilizar repositorios que tengamos alojados online en Github o repositorios que sólo tengamos creados de forma local en nuestra máquina.
Vamos a empezar publicando una web creada con MVC4 con Visual Studio y alojando el proyecto en un repositorio en GitHub, desde donde publicaremos en nuestro website de Azure.
Preparación: creando nuestro website y enlazándolo al repositorio remoto
Para ello, necesitaremos un repositorio en GitHub, por lo que desde su web seleccionamos la opción de Create a repository. Simplemente establecemos un nombre para el repositorio y, opcionalmente, una descripción. Pulsamos Create repository y se nos llevará a la página de código de nuestro repositorio, de momento vacío.
Como lo que queremos es publicar en nuestro website de Azure directamente con cada push (es decir, la orden para integrar en un repositorio remoto los cambios de un repositorio local) que hagamos a nuestro repositorio en GitHub, tenemos que enlazarlo. Para ello vamos a nuestro portal de Azure, creamos un nuevo website:
![clip_image002[7]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/6735.clip_5F00_image0027_5F00_045D586F.jpg "clip_image002[7]")
Una vez creado, entramos en este website y pulsamos Set up Git publishing
![clip_image004[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/4188.clip_5F00_image0044_5F00_13448789.jpg "clip_image004[4]")
Tras unos momentos nos aparecerá una pantalla como la siguiente, en la que tendremos que seleccionar la opción de desplegar nuestra web desde un repositorio de GitHub y, pulsando en el enlace que aparece al desplegarlo otorgaremos permisos a Azure para acceder a nuestro repositorio:
![clip_image006[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/1462.clip_5F00_image0064_5F00_0FE2EFE1.jpg "clip_image006[4]")
Se nos pedirán en este momento nuestras credenciales de GitHub, y cuando nos hayamos autenticado correctamente se nos permitirá elegir el repositorio desde el que queremos publicar
![clip_image008[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/6735.clip_5F00_image0084_5F00_53D6AE2B.jpg "clip_image008[4]")
Si nuestro repositorio está vacío no se publicará nada todavía, si no cuando realicemos el primer push. Pero si nuestro repositorio ya contenía datos, se empieza a publicar automáticamente:
![clip_image010[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/8802.clip_5F00_image0104_5F00_00133510.jpg "clip_image010[4]")
Creación de nuestra aplicación web
Como nuestro repositorio, de momento, estaba vacío vamos a introducir una aplicación web para publicarla. Creamos un proyecto nuevo de Aplicación web de ASP .NET MVC 4 utilizando .NET Framework 4 () y establecemos que sea una Aplicación de internet.
![clip_image012[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/7343.clip_5F00_image0124_5F00_0F66971F.png "clip_image012[4]")
![clip_image014[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/7343.clip_5F00_image0144_5F00_4EB424E2.png "clip_image014[4]")
Creación de la copia local de nuestro repositorio
Una vez tengamos nuestro proyecto creado, abrimos la consola de comandos o la consola GitBash y nos posicionamos en el directorio de nuestra aplicación web, para inicializar la copia local del repositorio en ese directorio con el comando git init. Una vez hecho esto, introducimos el comando git gui para abrir la herramienta que nos permite gestionar nuestro repositorio de forma “más amigable” (evitando los comandos de consola). Hasta el momento llevamos algo como esto:
![clip_image016[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/4532.clip_5F00_image0164_5F00_75DE484A.png "clip_image016[4]")
Enviando los cambios a nuestro repositorio remoto
Ahora vamos a confirmar los cambios a realizar y enlazar nuestra copia local del repositorio con el repositorio que hemos creado en GitHub. Para ello, en Git Gui pulsamos Stage changed para efectuar los cambios que tenemos preparados, confirmamos y en el popup que se nos abre indicando un error pulsamos Continue.
![clip_image018[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/2072.clip_5F00_image0184_5F00_08831C35.jpg "clip_image018[4]")
![clip_image020[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/8741.clip_5F00_image0204_5F00_16FE185A.jpg "clip_image020[4]")
Ya podemos realizar nuestro primer commit (es decir, envío de cambios), confirmando los cambios. Escribimos un mensaje que lo describa y pulsamos Commit
![clip_image022[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/2477.clip_5F00_image0224_5F00_2E68A6BE.jpg "clip_image022[4]")
Una vez hecho esto, vamos a Remote > Add y establecemos el nombre que queremos darle a nuestro repositorio remoto (puede ser el que queramos, en este caso github) y la URL de nuestro repositorio en GitHub. Esta URL se encuentra en la sección de código de nuestro repositorio en GitHub:
![clip_image024[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/7776.clip_5F00_image0244_5F00_2B73420B.jpg "clip_image024[4]")
La copiamos y la pegamos en el cuadro de texto de Location:
![clip_image025[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/5226.clip_5F00_image0254_5F00_68B3F6D2.png "clip_image025[4]")
Publicando los cambios en nuestro website
Solo nos quedaría hacer push a nuestro repositorio remoto en GitHub para publicar automáticamente en nuestro website de Azure. Para ello, simplemente pulsamos el botón Push, establecemos que el destino sea nuestro repositorio remoto en GitHub y volvemos a pulsar Push.
![clip_image027[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/1423.clip_5F00_image0274_5F00_30B202EF.jpg "clip_image027[4]")
Se nos pedirá usuario y contraseña de GitHub y, tras introducirlo, se realizará correctamente el push.
![clip_image029[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/7183.clip_5F00_image0294_5F00_431A53A4.jpg "clip_image029[4]")
En ese momento, desde el portal de Azure, podremos ver como se publica automáticamente en nuestro website
![clip_image031[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/4064.clip_5F00_image0314_5F00_0BF0C5AB.jpg "clip_image031[4]")
A partir de ahora, cada vez que realicemos un push a nuestro repositorio remoto en GitHub se publicará en nuestro website de Azure
![clip_image033[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/3173.clip_5F00_image0334_5F00_694C872F.jpg "clip_image033[4]")
Para comprobar que todos los cambios realizados se han publicado correctamente, simplemente pulsamos en Browse para ver nuestro website
![clip_image035[4]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-40-66-metablogapi/4666.clip_5F00_image0354_5F00_21AA883B.jpg "clip_image035[4]")
Resumiendo
Preparación
- Registro en Windows Azure, desde su portal podemos acceder a la versión de evaluación gratuita
- Crear un website en Azure
- Preparar el contenido de nuestro repositorio: proyecto ASP .NET en Visual Studio, archivos locales, etc.
- Instalar Git
Publicar desde repositorio en GitHub
- Crear cuenta en GitHub
- Crear repositorio en GitHub
- Enlazar repositorio local con repositorio remoto en GitHub
- Enlazar el repositorio de GitHub con nuestro website de Azure
- Realizar push de los archivos al repositorio remoto en GitHub para publicar automáticamente en Azure websites
Por último, recuerda que puedes ponerte en contacto con nosotros cuando quieras o estar al día de todas las novedades a través de nuestros rincones en las redes sociales:
Un saludo,
Gorka Madariaga (@Gk_8)