Implementar un sitio web en Azure con Git

***Este es el primer articulo de blog que he traducido a español***

Microsoft Azure te da la posibilidad de alojar un sitio web en tu cuenta de Azure en unos pocos minutos. No tienes que usar ASP.NET, puede ser JavaScript/HTML5, una página estática de HTML, PHP, Python, ASP clásico y otras opciones. Esta es una muy buena opción para alojar to sitio web, especialmente si ya tienes una cuenta de Azure.  

Al igual que cuando usas otro alojamiento web, puedes subir tus archivos usando FTP. Pero Azure ofrece otras opciones que pueden hacer tu vida mucho más fácil.  Una de ellas es configurar tu sitio web en Azure para que sea un repositorio de Git. Esto te permite empujar archivos a Azure desde cualquier otro Git repo como Visual Studio Online, TFS 2013, GitHub o hasta un repositorio local. Sigue estos pasos para configurar las implementaciones desde tu repo Git local, utilizando Visual Studio 2013:

Vamos a crear un sitio web de Azure y configurar Git

Entra a tu Portal de Azure, luego haz clic en sitios web, despues un clic en “New” y selecciona “Custom Create”. Esto te permitirá configurar una base de datos (si existe) y especificar la fuente de su implementación.

clip_image001

Ingresa tu dirección URL, región, base de datos y marque la casilla “Publish from Source Control”:
clip_image002

Luego selecciona el repositorio Git Local como su fuente:
clip_image003

En este momento, la lista de fuentes es: Visual Studio Online, Git Local Repository, GitHub, Dropbox, Bitbucket, CodePlex o cualquier repositorio Git o Mercurial que sea accesible desde el exterior.

Haz clic en “siguiente”, y tu sitio web estará listo. Desde el portal de Azure, puedes hacer clic en tu sitio recién creádo y selecciona “Deployments”. Aquí puedes ver las instrucciones sobre lo que necesitas hacer:
clip_image004

Antes de desplegar, necesitarás crear las credenciales que se Git utilizará:
clip_image005

Ahora vamos a crear un sitio web y desplegar en Azure.

Primero, debes crear un sitio web localmente

Desde Visual Studio 2013, crea un nuevo sitio web: File -> New –> Website. Seleccioné un sitio Web ASP.NET vacío, con una página muy simple default.html:
clip_image006

Crear un repositorio local y cometer tus archivos

Ház clic derecho en tu solución y selecciona “Añadir al Source control” y seleccionar Git
clip_image007

Luego ház clic en tu solución y selecciona Commit, esto abrirá la ficha Commit en Team Explorer:
clip_image008

Configurar el repositorio remoto

Una vez que los archivos entren a tu repositorio Git local, puedes utilizar la información proporcionada por Azure para configurar el repositorio remoto. Ház clic en el enlace de “Unsynced Commits” y verás que tu repositorio remoto no se ha configurado aún:

clip_image009

Así que en mi caso, voy a utilizar URL en el cuadro de texto repositorio remoto: https://EstebanFtp@estebanblogdemo.scm.azurewebsites.net:443/estebanblogdemo.git, a continuación, haz clic en “Publish”. Se le pedirá para sus credenciales que ha configurado anteriormente. Y unos pocos segundos después, recibirás un mensaje indicándote que fue exitoso:
clip_image010

clip_image011

Y aquí esta mi nuevo sitio web (no muy impresionante)!
clip_image012

Ahora cada vez que empujo a mi repositorio remoto, mi sitio web será automáticamente desplegado!

¿Interesado en aprender más sobre Git? Chequea mi curso de Pluralsight de Git para Desarrolladores de Visual Studio!

About esteban

Esteban is the Founder and Chief Technologist at Nebbia Technology, an ALM consulting and Azure-powered technology company. He is a software developer with a passion for ALM, TFS, Azure, and software development best practices. Esteban is a Microsoft Visual Studio ALM MVP and ALM Ranger, Pluralsight author, and the president of ONETUG (Orlando .NET User Group).


Leave a Reply

Your email address will not be published. Required fields are marked *

Are you human? *