Ha pasado mucho tiempo desde mi último artículo y hoy quiero partir bien el año presentando una nueva receta: “Perkins a la node“.
Ustedes recordarán a Perkins, el framework css basado en less que permite diseñar sitios web de una forma muy rápida. Este framework ha seguido con su desarrollo y la última característica incluye una integración con node.js el cual….epa! Les voy a mostrar paso a paso a que se refiere esta integración.
Una de las premisas de Perkins Framework es que es una herramienta que te ayudará a hacer Sitios Web de manera rápida.
Mi misión en este tutorial es cocinar demostrar lo anterior, y de paso ayudar al proyecto con una receta guía de uso.
Como estoy acostumbrado haré este tutorial como si fuese una receta, asi que tomen sus implementos y comencemos.
Luego de terminar la primera versión de setBio comenzamos a mejorar la aplicación, partiendo por el holder!
El holder (el home cuando no estás logeado en la aplicación) tiene dos listas de biografías en la parte inferior de la página, ahí quize innovar implementando un plugin de jQuery que hiciera el efecto “slide” para cada biografía.
El tema es que no encontré el plugin, es decir, lo encontré…pero eran demasiado para una función tan simple. Es por eso que tomé la decisión de hacerlo a mi modo, pero para hacerlo interesante me propuse aprender como es la creación de un plugin de jQuery.
Una vez estaba en la cocina preparándome un café cuando de repente me bajó la inspiración y decidí hacer una aplicación Facebook. La investigación fue ardua, hice las pruebas de concepto respectivas y logré mi cometido. Sin embargo, por cosas de tiempo no terminé la aplicación para variar y quedó stand by hasta el próximo semestre.
Hace unos días, me pidieron ayuda para hacer lo mismo usando lenguaje FBML y recordé lo que ya había realizado. Pero como la memoria es frágil decidí utilizar a nuestro amigo Google para resolver algunas dudas que tenía. Para mi sorpresa, no encontré lo que necesitaba, así que por lo tanto decidí hacer un Tutorial en lenguaje humano para que todos los desarrolladores entendamos como es que debemos hacer una aplicación para Facebook compatible con la versión actual. Así que, manos a la obra!
Una de las cosas más cómodas que tiene Apache 2.+ es el módulo de host virtuales (VirtualHost), puesto que con éste módulo podemos simular con mejor calidad un servidor de producción.
Por ejemplo, digamos que quiero subir un Blog de WordPress a una dirección http://www.miblogdewordpress.com pero aún no cuento con el Hosting ni el dominio. En este caso es cuando podemos utilizar nuestro módulo de VirtualHost y personalizar la dirección que aún no existe.
Lo primero es configurar Apache 2.+ habilitando este módulo (por lo general viene habilitado por defecto):
sudo a2enmod vhost_alias
Luego se debe crear nuestro nuevo “sitio” creando el archivo de configuración necesario, pero como somos inteligentes vamos a copiar el sitio por defecto y configurarlo. Todo esto ocurre en la carpeta de apache2 que para nuestro ejemplo será “/etc/apache2/sites-available/”:
sudo cp default miblogdewordpress sudo vim miblogdewordpress
Al editar este archivo nos encontramos con lo siguiente:
<VirtualHost *:80> ServerAdmin webmaster@localhost DocumentRoot /var/www <Directory /> Options FollowSymLinks AllowOverride None </Directory> <Directory /var/www/> Options Indexes FollowSymLinks MultiViews AllowOverride None Order allow,deny allow from all </Directory> ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/ <Directory "/usr/lib/cgi-bin"> AllowOverride None Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch Order allow,deny Allow from all </Directory> ErrorLog /var/log/apache2/error.log # Possible values include: debug, info, notice, warn, error, crit, # alert, emerg. LogLevel warn CustomLog /var/log/apache2/access.log combined Alias /doc/ "/usr/share/doc/" <Directory "/usr/share/doc/"> Options Indexes MultiViews FollowSymLinks AllowOverride None Order deny,allow Deny from all Allow from 127.0.0.0/255.0.0.0 ::1/128 </Directory> </VirtualHost>
Lo que debemos hacer es agregar una línea que defina el nombre del servidor, y luego recortar la configuración con lo necesario:
<VirtualHost *:80>
ServerAdmin webmaster@localhost
ServerName www.miblogdewordpress.com
DocumentRoot /var/www/miblogdewordpress/
<Directory />
Options FollowSymLinks
AllowOverride None
</Directory>
<Directory /var/www/miblogdewordpress/>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
Order allow,deny
allow from all
</Directory>
ErrorLog /var/log/apache2/miblogdewordpress-error.log
LogLevel warn
CustomLog /var/log/apache2/miblogdewordpress-access.log combined
Si se dan cuenta, lo que hice fue agregar “ServerName” y especificar donde tengo mis documentos “/var/www/miblogdewordpress/” en el DocumentRoot y además en el “Directory”. Finalmente, especifiqué un archivo de logs y acceso para el dominio en anteponiendo “miblogdewordpress-” en los archivos de “ErrorLog” y “CustomLog”.
Lo siguiente es ahora, activar nuestro sitio y recargar las configuraciones de Apache:
sudo a2ensite miblogdewordpress sudo /etc/init.d/apache2 reload
El comando a2ensite utiliza como parámetro el nombre del archivo que acabamos de crear, es decir, “miblogdeworpress”.
Luego de que tenemos nuestro Apache configurado, terminamos el trabajo configurando el host local.
La tabla de host es muy simple de configurar, solo debemos agregar nuestro dominio creado apuntado a “localhost”. Para esto, editamos “/etc/hosts” y agregamos la siguiente linea:
127.0.0.1 www.miblogdewordpress.com
Para probarlo entramos por nuestro explorador a http://www.miblogdewordpress.com y estará listo para utilizar.
Cabe mencionar que cuando se suba a producción debemos eliminar esta linea de la tabla de host para no resolver el sitio que tenemos en nuestro servidor.