Azure Websites con Dropbox

Hola, Bienvenidos a un nuevo tutorial!  Hoy veremos una forma alternativa para desplegar sitios webs en Microsoft Azure: probaremos con crear una carpeta en el servicio de alojamiento de archivos Dropbox, para que luego desde Microsoft Azure todo el contenido pueda ser presentado como un sitio web.

Para poder seguir todos los pasos de este tutorial, necesitaremos simplemente de:
> una cuenta en Microsoft Azure (http://www.windowsazure.com/en-us/)
> una cuenta en Dropbox (https://www.dropbox.com/)

En este caso he decido realizar el tutorial sobre un sitio personal, al cual lo he llamado ‘rgeeks’ (http://rgeeks.azurewebsites.net/). Estaré realizando actualizaciones sobre el mismo, mientras tanto pueden ver parte de su progreso en este post.

Para empezar nos dirigimos a la sección de ‘Web Sites’ en Microsoft Azure, y seleccionaremos a uno de los sitios.Screenshot (141)

Allí nos encontraremos en el Dashboard de nuestro sitio en Azure, y seleccionaremos la opción de “Set up deployment from source control”
Screenshot (157)
Una vez allí, seleccionaremos donde estará el código, en este caso en Dropbox:
Screenshot (158)
Al seleccionar a Dropbox, tendremos que ingresar nuestras credenciales:
Screenshot (159)
y luego brindamos los permisos:
Screenshot (160)
Una vez que se brindan los permisos, seleccionaremos la carpeta de Dropbox en la cual subiremos todo el código, fuentes, imagenes, etc.
Screenshot (162)
Pueden notar que en caso de crear una nueva carpeta, la misma se crea en Dropbox/Aplicaciones/Azure/

Esta carpeta que hemos creado nos servirá para subir todo el contenido de nuestro sitio.
Screenshot (163)
Screenshot (164)
El siguiente paso es subir nuestro sitio web. En este caso probaré con un html muy básico de un “hello world” hecho con Notepad, y lo guardaré en el carpeta de mi sitio:
Screenshot (165)
Ahora, simplemente vuelvo a Azure, para hacer un ‘sync’ (sincronización) del contenido:
Screenshot (166)
Si la sincronización se realizo correctamente nos aparecerá el historial con los datos del momento en que se realizó.
Screenshot (168)
Para terminar les comparto una pequeña vista de lo que realizamos en todo el tutorial:
Screenshot (169)