Asociar Visual Studio Online a nuestra suscripción de Windows Azure

Visual Studio Online
Una de las novedades más interesantes durante la presentación de Visual Studio 2013 fue la aparición de Visual Studio Online (aka Monaco), editor online sobre HTML 5 que nos permite modificar el contenido de un despliegue sobre Windows Azure Web sites.

Lo cierto es que no quedan muy claros, o visibles, los pasos que debemos seguir para asociar ambas cuentas, ya que por un lado tenemos la cuenta de Visual Studio y por otro la de Windows Azure. De hecho, si estamos trabajando con una suscripción activada desde una cuenta MSDN nos encontraremos con la siguiente situación:

Windows Azure Subscription MSDN

En este enlace, nos indican que si tenemos una suscripción creada como beneficio de nuestra cuenta MSDN, no será posible asociarla con este servicio.
Lo que podemos hacer es dar de alta una cuenta del tipo Free Trail, con la que dispondremos de un mes gratuito con 150€ para consumir.

Una vez creada la suscripción de Windows Azure tendremos la opción de crear una cuenta de Visual Studio en la nube o bien enlazarla a una que tengamos ya creada:

linking to existing

Con estos pasos previos, ya podemos habilitar la edición de nuestro código a través de Visual Studio Online, la cual por defecto viene deshabilitada para los sitios web. De forma individual, debemos acceder a los sitios que tengamos en este servicio y en el apartado CONFIGURE tenemos la opción EDIT IN VISUAL STUDIO ONLINE.

Edit in Visual Studio Online Azure Web Site

En la pestaña DASHBOARD, veremos que en el apartado quick glance tenemos una nueva opción llamada Edit in Visual Studio Online PREVIEW que nos llevará directamente al editor:

quick glance Visual Studio Online

Una vez allí, ya podremos disfrutar de la edición online para nuestros desarrollos sobre Windows Azure Web Sites.

Visual Studio Online aka Monaco

¡Saludos!