Creando un servidor de Vorlon.js en Azure

Vorlon.js es una librería Open Source creada por Microsoft, que nos ayuda a depurar y testear la parte de Frontend de nuestra web. Basado en node.js y socket.io, puedes encontrar más información introductoria sobre la librería en el GitHub oficial o en el artículo de Luis Guerrero “Cómo empezar a trabajar con Vorlon.js”

En el siguiente artículo vamos a ver la manera de configurar Vorlon.js en Azure para poder utilizarlo desde cualquier parte y para implementarlo en cualquiera de las webs en desarrollo que tengamos en nuestra empresa.

¿Qué nos va a aportar esto?

Al tener Vorlon en un servidor remoto con acceso a internet, vamos a poder depurar y testear cualquier código, desde cualquier dispositivo y desde cualquier lugar con acceso a internet. Tan solo necesitaremos añadirle:

    1: <script type="text/javascript"
    2: src="_url_de_la_web/vorlon.js" ></script>

Creando la máquina virtual en Azure

El primer paso de todos va a ser crear una máquina virtual en Azure y configurar el puerto.

Para ello entramos al nuevo portal y creamos una máquina virtual del tamaño que queramos (recuerda que podrás escalarla en cualquier momento).

Ahora que ya tenemos la máquina creada, vamos a configurar en el portal de Azure que el puerto 80 público esté mapeado con el 1337 privado, que es el que utiliza Vorlon.js por defecto de manera que entrando vía web a la url correspondiente de nuestra máquina virtual (p.ej. https://server.cloudapp.net) vamos a poder trabajar con el panel de Vorlon.js

Hacemos clic en Configurar > Extremos > Añadir

Y lo configuramos de la siguiente manera:

Extremo: Vorlon
(o cualquier nombre que le quieras dar)
Protocolo: TCP (Ya que solo haremos peticiones http)

Puerto público: 80
(el de web)
Puerta privado: 1337 (el de vorlon en nuestra máquina)

El siguiente paso es abrir el puerto 1337 de la máquina virtual que se acaba de crear.

Para ello nos conectamos a la máquina que ya se ha creado:

Abrimos la configuración del Firewall, clic derecho en Inbound Rules y New Rule.

Ahora solo tenemos que seguir los pasos para abrir nuestro puerto (puedes verlos en la imagen siguiente).

Instalando Vorlon.js

Antes de instalar Vorlon.js recuerda que has de instalar node.js igual que lo harías para cualquier ordenador.

Lo único que tienes que hacer es abrir la ventana de comandos de tu máquina virtual e instalar el paquete:

    1: npm install -g vorlon
    2:  

Ya puedes ejecutar Vorlon.js

Y al entrar a la web vas a ver el panel de Vorlon.js

Por supuesto nosotros no queremos tener que ejecutar manualmente el servidor de Vorlon.js cada vez que reiniciemos la máquina.

Vamos a abrir la ruta “%Appdata%\Microsoft\Windows\Start Menu\Programs\Startup” y a crear un archivo .bat que lance el comando “vorlon” así cada vez que se encienda la máquina va a iniciar el servidor de Vorlon.js automáticamente.

Probando nuestras webs en nuestro servidor propio de Vorlon.js

Todo lo que hay que hacer ahora es añadir el script comentado anteriormente a cualquier web que queramos testear y veremos que clientes se conectan a cada una de estas webs.

Ya podemos trabajar con Vorlon.js en nuestro servidor privado, añadirle plugins, ver cómo se comporta para cada dispositivo o incluso pasar tests en remoto para las diferentes webs y UIs.

¿Sabías que puedes crear tus propios plugins para Vorlon.js? Tienes toda la info en su web.

_____________________________

Quique Fernández

Technical Evangelist Intern

@CKGrafico