En el anterior tutorial explicamos cómo instalar nuestro propio servidor en modo local para Mac y Windows, y así poder visualizar nuestras aplicaciones y sitios web antes de exponerlos al público.
La herramienta que necesitaríamos ahora es el validador de contenidos xhtml de nuestras páginas para saber si el código está correctamente escrito.
Mucha gente no le da importancia a esta parte, pero un código correctamente escrito, tiene menos problemas a la hora de ser interpretado por los distintos navegadores y sistemas, que uno que no ha sido corregido previamente.
El W3C , o consorcio para el estándar de protocolos y pautas de páginas web, pone a nuestra disposición un servicio que nos indica si nuestro documento contiene errores de sintáxis o está correcto. Podemos verlo en W3C Validator .
El problema radica en que esta herramienta tiene sus limitaciones y en modo local no funciona dependiendo del tipo de archivo.
Para esto, el mismo consorcio, pone a nuestra disposición varios paquetes para instalar esta aplicación en nuestro servidor local y así poder validar nuestro sitio, sin siquiera estar conectados a internet.
En este mismo tutorial enseñaremos la forma de instalar nuestro servicio de validación local tanto en Mac como en Windows. De paso Aprovecharemos este mismo tutorial, para explicar cómo podemos tener más de un sitio alojado en nuestro servidor local.
Instalación del Validador en Windows
Para poder instalar el paquete de validación en nuestra instalación local, antes tendremos que instalar otros paquetes.
En el anterior tutorial, (Instalación de Apache: Mac y Windows ), incluíamos la posibilidad de instalar los addons que Apache Friends pone a disposición del que lo desee para sus paquetes de instalación de Apache . Uno de esos paquetes es el addon de perl, en forma de instalador, el cual es simple de instalar, sólo es necesario detener todos los servicios, hacer dos clicks sobre el paquete una vez descargado y contestar afirmativamente a todo lo que nos pida el autoinstalador del paquete.
Una vez que tenemos instalado el paquete y hemos puesto en marcha los servicios desde la consola de administración de XAMPP, necesitaremos instalar unos paquetes de perl.
Instalando los paquetes de Perl para Windows.
Los paquetes que necesitaremos para poner en marcha nuestro validador local, son los siguientes:
* Class-Accessor
* Config-General
* Encode::HanExtra
* Encode::JIS2K
* HTML-Encoding
* HTML-Template
* HTML-Tidy
* Net-IP
* SGML-Parser-OpenSP
* XML-LibXML
* XML-NamespaceSupport
* XML-SAX
* XML-LibXML-Common
Todos estos paquetes los podemos descargar desde ActiveState, o si lo deseamos podemos descargarnos todos de un golpe en un único zip, por cortesía de los autores de la guía .
Si optamos por descargarnos todos los paquetes de Perl en un único paquete (que es la opción más sencilla y aconsejada), lo que tendremos que hacer es lo siguiente.
Directorio de instalación recomendado para descomprimir los paquetes de perl
Creamos un directorio llamado ppm en el directorio xampp tal y como podemos ver en la imagen superior y desempaquetaremos todo el contenido del archivo ppm.zip que nos acabamos de bajar.
Si instalamos el addon de Perl tal y como recomendaba la instalación (en una carpeta llamada perl dentro de la instalación de xampp, normalmente c:\xampp\perl\), dentro encontraremos la carpeta bin.
Directorio de archivos binarios de la instalacion del añadido perl para xampp
Dentro encontraremos un archivo bat para dos, ppm-shell.bat, lo abriremos haciendo dos clicks sobre él y nos mostrará una ventana de sesión de dos con el siguiente aspecto.
Consola de comandos dos para Perl
pondremos el comando gui y le daremos intro, lo que nos abrira una interface visual para el manejo e instalación de paquetes en Perl.
Interface visual de instalación y desinstalación de paquetes de Perl
Si presionamos sobre el primer ícono, justo debajo del menú superior file, que contiene un ícono en forma de paquete con lupa en escala de grises, nos mostrará todos los paquetes que podemos instalar (en color de escala de grises) y los que están instalados (con color “amarillo”).
Para tener a disposición del instalador los paquetes que necesitamos instalar, iremos al menu edit/preferences lengueta repositories (o haremos click sobre el ícono con forma de rueda dentada, que está en la esquina superior derecha).
Ventana de administración de las preferencias de la interface visual de instalación de paquetes de perl
Le daremos de nombre a la ubicación Local, tal y como se muestra en la imagen superior.
Usaremos el navegador de archivos para buscar la carpeta en la que descomprimimos el archivo ppm.zip (ícono carpeta), en cuanto tengamos localizada la ubicación en el navegador de archivos, aceptaremos, pulsaremos sobre Add y después en OK, lo que empezará a sumar los paquetes de instalación a la lista de los paquetes que se pueden instalar.
Cuando termine con el indexado de paquetes, nos permitirá acceder a la lista de selección de paquetes.
Lista de administración de paquetes instalables para perl
Buscaremos en la lista los paquetes que hemos descrito anteriormente y que estén de color escala de grises (sin instalar), lo seleccionaremos de la lista y presionaremos el ícono marcar para instalar, tal y como se puede ver en la imagen de arriba.
Sabremos que el paquete está marcado para instalación, porque aparecerá un circulito de color verde, con un símbolo más dentro, en la esquina inferior izquierda del ícono (en escala de grises) del paquete. Procederemos a marcar como instalables todos los paquetes de la lista que hemos indicado más arriba.
Y pulsaremos sobre el tercer ícono empezando por la derecha, de la barra superior, que tiene forma de flecha verde apuntando a la derecha “run marked actions”.
Inicio de instalación de los paquetes marcados como instalables
Y aceptaremos la ventana de diálogo que nos aparece, para comenzar la instalación de paquetes.
Debajo en la pestaña status, nos muestra el estado en que se encuentra la instalación de paquetes nos saldrá el mensaje, installing XX packages done, entonces podremos cerrar la ventana, y cerrar la consola de dos abierta mediante el ícono cerrar de la ventana (x) o introduciendo exit e intro en la línea de comandos.
Saliendo de la consola de comandos de Perl
Lo siguiente que nos tendremos que descargar e instalar son, el paquete del validador y una colección de tipos de definición de documentos DDT .
Instalando el Validador.
Abriremos el paquete validator.tar.gz y lo descomprimiremos en el directorio c:\xampp, después entraremos en el directorio xampp y renombraremos el directorio recién creado validator-0.8.2 por validator.
Abrimos el paquete sgml-lib.tar.gz, haremos click sobre el directorio que nos muestra el paquete zip llamado validator-0.8.2, haremos click sobre el directorio htdocs y seleccionaremos el directorio sgml-lib y le diremos al programa de descompresión que lo extraiga en xampp, de forma que nos quedará c:\xampp\sgml-lib creado.
SI esto no ocurre y nos crea igualmente el directorio validator-0.82\htdocs\sgml-lib, tomaremos la carpeta sgml-lib y la arrastraremos hasta el directorio xampp, después eliminaremos los directorios vacíos validator-0.82\htdocs\.
Modificando los archivos de configuración de Apache.
Para terminar la instalación, modificaremos los archivos de configuración de apache para indicarle dónde está la instalación del validador.
Aquí es donde mostraremos cómo tener más de un sitio alojado sobre nuestra instalación local del servidor, soportados por una misma ip. Nos quedará de forma que un sitio se llamará home y el otro validador.
Dentro de la carpeta C:\xampp\apache\conf\extra , encontraremos el archivo “httpd-vhosts.conf”, tendremos que abrirlo para editarlo e incluir al final del todo las siguientes líneas de código.
NameVirtualHost localhost:80
<VirtualHost localhost:80>
ServerName localhost
ServerAlias home
ServerAdmin admin@localhost
DocumentRoot “C:/xampp/htdocs”
<Directory “C:/xampp/htdocs”>
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all
</Directory>
DirectoryIndex index.php index.php4 index.php3 index.cgi index.pl index.html index.htm index.shtml index.phtml
ErrorLog logs/error.log
ScriptAlias /cgi-bin/ “C:/xampp/cgi-bin/”
<Directory “C:/xampp/cgi-bin”>
AllowOverride None
Options None
Order allow,deny
Allow from all
</Directory>
DefaultType text/plain
</VirtualHost>
<VirtualHost localhost:80>
ServerName localhost
ServerAlias validador
DocumentRoot “C:/xampp/validator/htdocs”
ErrorLog logs/error_validator.log
CustomLog logs/access_validator.log common
ScriptAlias /cgi-bin “C:/xampp/validator/httpd/cgi-bin”
ScriptAlias /check “C:/xampp/validator/httpd/cgi-bin/check”
ScriptAliasMatch /feedback(\.html)? “C:/xampp/validator/cgi-bin/sendfeedback.pl”
# This is the directory where you have the validator’s *.html, *.css etc files.
AddType text/html .html
AddOutputFilter INCLUDES .html
<Directory “C:/xampp/validator/htdocs”>
Options ExecCGI Includes Indexes MultiViews
AllowOverride None
Order deny,allow
Allow from localhost
AddHandler cgi-script .cgi
AddHandler perl-script .pl
AddCharset utf-8 .html
</Directory>
<Directory “C:/xampp/validator/httpd/cgi-bin”>
Options ExecCGI Includes Indexes MultiViews
AllowOverride None
Order deny,allow
Allow from localhost
Options +ExecCGI
</Directory>
</VirtualHost>
Después buscaremos en el archivo C:\xampp\validator\htdocs\config\validator.conf y cambiaremos las siguientes líneas:
Línea 24 reemplazamos
#Base = /usr/local/validator
por
Base = C:/xampp/validator
línea 36 reemplazamos
Library = $Base/htdocs/sgml-lib
por
Library = C:/xampp/sgml-lib
Línea 51 reemplazamos
Allow Private IPs = no
por
Allow Private IPs = yes
Y de momento con esto bastaría, pero si deseamos que figuren el correo del administrador de nuestra red y la url del feedback en nuestro validador correctamente, cambiaremos también…
Línea 74
Maintainer = www-validator
por
Maintainer = admin@localhost
y línea 78
Home Page = http://validator.w3.org/
por
Home Page = http://validador/
Con esto hemos terminado con las modificaciones en el archivo validator.conf
Luego tendremos que modificar la primera linea de los archivos check y sendfeedback.pl, que encontraremos en la ruta C:\xampp\validator\httpd\cgi-bin.
Sustituiremos en la primera línea de ambos archivos:
#!/usr/bin/perl -T
por
#!c:/xampp/perl/bin/perl.exe
Para terminar, buscaremos el archivo host que se encuentra en el directorio de instalación de nuestro sistema operativo windows, encontraremos la carpeta sistem32/drivers/etc, si no podemos verlo, en nuestro explorador de archivos, tendremos que ir al menú “herramientas – opciones de la carpeta”, la pestaña ver y seleccionaremos “Mostrar todos los archivos y carpetas ocultos” y aceptar. Editamos con el block de notas el archivo host y ponemos las siguientes líneas.
127.0.0.1 localhost
127.0.0.1 validador
127.0.0.1 home
Normalmente, el archivo trae por defecto la primera línea, 127.0.0.1 localhost, así que sólo necesitaremos añadir las otras dos.
Con esto habremos terminado de hacer todas las configuraciones necesarias para que nuestro validador funcione en modo local.
Reiniciamos nuestro ordenador, arrancamos todos los servicios desde el panel de control de XAMPP y despúes abrimos el navegador que usemos normalmente y pondremos en la barra de direcciones, http://validador , con lo que nos tendría que aparecer una página similar a la de la imagen inferior.
Vista de la página de validación en modo local
Donde pone address pondremos http://home y pulsaremos el botón check, si todo sale bien nos mostrará una pantalla diferente con el número de errores detectados.
Si por el motivo que sea la instalación nos da error 500 al pulsar check o al introducir la dirección http://validador en nuestro navegador, eliminaremos la carpeta c:\xampp\perl del directorio de instalación, nos descargaremos del proyecto xampp el archivo xampp-win32-perl-addon-5.8.8-2.2.4-installer.exe. Abriremos el editor de registros, botón de inicio, ejecutar y en el cuadro que se abre en el campo de texto pondremos regedit, en cuanto se abra el editor de registros buscaremos en el arbol HKEY_LOCAL_MACHINE\SOFTWARE\xampp el registro “apache”=”2280? y lo cambiaremos por “apache”=”2240?. Después abriremos el instalador, seleccionando español y el directorio xampp para la instalación, y dejaremos que se instale, después de abrirse la ventanita de dos y mostrar la pantalla de instalación con el botón finish, volveremos a cambiar el registro de “apache”=”2240? a “apache”=”2280? y cerraremos el editor de registros. Repetiremos los pasos de descarga de los paquetes perl necesarios para la instalación (Capítulo: Instalación de paquetes perl necesarios). Detenemos los servicios desde el panel de control de XAMPP y los ponemos de nuevo en marcha e intentamos usar el validador de nuevo.
Mucho cuidado con las instrucciones para mostrar archivos ocultos del sistema, y sobre todo con el editor de registros, cualquier cambio, renombre de archivo o eliminacion de archivo o registro podría dejarlos sin sistema, asi que sigan las instrucciones al pie de la letra, para evitar problemas.
En el siguiente tutorial, mostraremos cómo instalar wordpress en modo local.
Instalación del Validador en Mac
Para realizar la instalación del validador en Mac, tenemos dos opciones.
La primera y sumamente compleja es instalarlo dentro de Apache partiendo del código de salida, lo que requerirá la instalación de muchos paquetes adicionales, entre ellos las herramientas de desarrollo para Mac.
La segunda opción es descargarse el paquete de instalación binario, que lo instalará como un programa más, aunque para los efectos nos servirá de igual modo que si lo instalásemos como un dominio adicional en nuestra instalación de XAMPP, asi que seleccionaremos esta segunda forma de instalación, que requerirá mucho menos espacio y su instalación nos resultará sumamente sencilla.
Para instalarlo, primero nos bajaremos el paquete “validator-sac ” del sitio oficial habilis.net .
Una vez descargado el paquete, haremos doble click sobre él, se nos abrirá un disco virtual, y tan sólo tendremos que arrastrar el único archivo que muestra dentro del disco “Validator S.A.C.app” hasta Aplicaciones. Eso es todo.
Para usarlo, simplemente lo abriremos y pondremos en la caja de texto para las URL, http://localhost y presionaremos el botón check.
Para aquellos usuarios de Mac que deseen instalar más de un dominio en su instalación de apache sobre una misma IP, el procedimiento es el mismo que para Windows, aunque difiere tan solo en la localización de archivos y en que el archivo httpd-vhost.conf (configuración de los dominios virtuales) está comentado, y por tanto se tendría que descomentar.
Para aquellos subscriptores que tengan interés en profundizar en el tema, sólo tienen que pedirlo en este mismo tutorial y pasaríamos a explicar, además de contar cómo se tiene que configurar el archivo hosts en Mac, para que los dominios que añadamos a nuestra instalación queden referenciados para el navegador con su alias.
