Hoy mostraremos como instalar un servidor personal tanto en Windows como en Macintosh , paso a paso. Esto nos servirá para poder testear nuestras aplicaciones y previsualizar nuestros sitios antes de exponerlos al público.
También nos puede ser útil si deseamos crear una red privada (intranet ) en nuestra casa, pudiendo conectar mas de un ordenador e intercambiar archivos y mostrar uno o varios sitios Web y aunque no es el cometido de este tutorial si alguien desea saber como se puede hacer esto, tan solo tiene que preguntar en este mismo tutorial.

Servidor personal para Windows

El contenido del paquete XAMPP Versión 1.6.6a para Windows que vamos a instalar, contiene los siguientes archivos:

Para conseguir este paquete acudiremos a la página oficial de Apache friends , y seleccionaremos el enlace específico para Windows. En esta pagina tendremos varias opciones a elegir, seleccionaremos la más comoda de todas, el paquete binario de instalación “Installer”.
Para aquellos que lo deséen, pueden usar este enlace si además quieren instalar los addons que Apache Friends pone a disposición de los usuarios de Windows. Estos addons contienen el paquete de instalación “Installer” de perl para apache bajo Windows y el de instalación de Tomcat “Installer” .

Una vez conseguido el paquete de instalación procedemos a abrirlo, haciendo dos clicks sobre el.

Esto pondrá en marcha el instalador de Xampp para Windows como se ve en la siguiente imagen.

Procederemos ha hacer click sobre el botón next tal y como se recomienda por defecto en la ventanita de instalción.

A continuación el paquete de instalación nos preguntará donde deseamos instalar el software. La mejor opción es la que trae por defecto.

Lo siguiente que nos pide la instalación son una serie de parámetros sobre en que modo se instalarán los distintos servicios, de momento lo dejaremos tal y como vemos en la siguiente imagen.

Los servicios podremos instalarlos o desinstalarlos a nuestro antojo tal y como veremos más adelante desde el panel de control de Xampp.

El instalador iniciará la copia de archivos en nuestro disco duro…

y finalizara con un pantallazo de una sesión de “DOS” que no debemos interrumpir al menos hasta que nos muestre el mensaje “#### Have fun with ApacheFriends XAMPP! ####” tal y como podemos ver en la imagen que viene a continuación:

En teoría este pantallazo de “DOS” se suele cerrar por si solo, y acto seguido nos muestra el final de instalación donde tendremos que presionar el botón Finish.

Y para terminar la instalación nos preguntara si deseamos iniciar el panel de control de los servicios instalados por Xampp.

Aceptamos la invitación a abrir el panel de control que tiene un aspecto como el que se muestra en la siguiente imagen.

Manejando el panel de control de XAMPP

Como podemos ver, nos crea un icono de esta aplicación al lado del reloj. Si cerramos la consola usando el botón X de la esquina superior derecha de la ventana, el servicio queda oculto pero activo, tan solo con hacer dos clicks sobre el icono al lado del reloj, nos aparecerá de nuevo el panel de control, si usamos el botón exit del panel de control, este se cerrará por completo, y los servicios quedarán tal y como los dejemos al cerrar el panel. Para abrirlo de nuevo, tendremos que usar el icono que se creó en nuestro escritorio, o desde el icono que se creo en el menú de inicio.

Ahora veremos lo que nos interesa saber sobre el manejo de este panel de control.

Tal y como explicamos durante la instalación, ahora es el momento de instalar algunas de las aplicaciones que trae Xampp como servicio o “daemon”. Esto nos da una mayor seguridad y estabilidad de sistema, pero para poder hacerlo, necesitamos que nuestro Windows esté basado en NT o sea 2000, como Windows 2000 (en todas sus modalidades) por supuesto 2003, XP, y Vista. Windows ME y la familia Windows 9X e inferiores no soportan servicios.

Para instalar Apache como servicio, bastara con marcar la casilla que tiene a su izquierda en el panel de control de Xampp, y que trae el texto de Svc, tal y como vemos en la imagen superior.

Tras marcar la casilla nos aparece una ventana de dialogo donde nos pregunta si deseamos instalar Apache como servicio, pulsaremos el botón aceptar.

El otro servicio que instalaremos también por defecto es el de Filezilla. Posteriormente iniciaremos todos los servicios usando el botón start que hay al lado de cada servicio, empezando por apache y terminando por Filezilla, de momento no activaremos el servidor de correo Mercury, este lo analizaremos más a fondo en posteriores tutoriales. La ventana del panel de control tiene que verse como en la siguiente imagen.

Al iniciar los servicios tan solo tendremos que hacer una vez clic sobre el botón start y tener paciencia, ya que los servicios pueden tardar un poco en cargarse. Si por alguna razón un servicio no se carga, es que probablemente exista alguna petición en proceso sin terminar que lo impida, lo mejor en estos casos es cerrar todas las aplicaciones y guardar los trabajos que tengamos abiertos y reiniciar nuestro sistema.

En el caso de la instalación de Filecilla como servicio, nos hará varias preguntas, la primera es si deseamos instalarlo como servicio, a lo que tendremos que aceptar. Después si deseamos que el servicio se arranque de forma automática, yo por definición no acepto esta opción, y lo tercero si deseamos iniciar el servicio a lo que responderemos que si.

Si deseamos ver la consola de administración de servicios de nuestro sistema operativo, haremos clic en el botón SMC… tal y como se muestra en la imagen superior, lo que nos abrirá una ventana que para los que no estén familiarizados con la consola de administración de los servicios de Windows, tiene el siguiente aspecto:

Como podemos ver en la imagen superior, ambos servicios, tanto el de Apache como el de Filezilla Server, aparecen en la lista de servicios en la consola del administrador de servicios de Windows. Si no entendemos bien como funciona esta consola, lo mejor en no usarla, ya que podríamos provocar fallos en nuestro sistema o incluso que el sistema operativo no arranque.

En el menú de inicio, podremos ver como se ha creado una carpeta con los componentes de Xampp, desde donde podríamos cambiar de versión de php, desinstalar Xampp, abrir el panel de control de Xampp, o acceder al directorio htdocs, que es donde tendremos que poner nuestros contenidos para poder visualizarlos después a través del navegador.

Por último, accederemos a nuestro sitio recién instalado desde el panel de control de Xampp, usando el botón de administración que esta al lado de Apache.

Configurando la seguridad de Xampp en Windows.

Ya para finalizar tan solo nos queda configurar la seguridad de nuestro servidor para evitar problemas.

Al hacer clic sobre el botón admin que esta al lado de Apache, se arbirá el navegador, que apuntará a lochalhost y podremos ver el pantallazo de bienvenida y selección del idioma, si es que no ha habido problemas con la instalación.

Tras seleccionar nuestro idioma nos aparecen las opciones y herramientas de Xampp, entre las que encontraremos el chequeo de seguridad…

Esto nos mostrará el estado de seguridad en el que se encuentra nuestro servidor y sus vulnerabilidades. Inmediatamente debajo, nos aparecerá el enlace:

=> http://localhost/security/xamppsecurity.php <= [allowed only for localhost]

Que tendremos que usar para acceder al apartado:

Security console MySQL & XAMPP directory protection

Desde donde podremos cambiar la clave de acceso a phpMyAdmin y limitar el acceso al directorio XAMPP desde donde se puede acceder a casi todas las aplicaciones instaladas por XAMPP, mediante usuario y clave de acceso.

Para el acceso a MySql, el primero empezando por arriba, donde pone “current password”, tenemos que dejarlo en blanco, ya que por defecto viene sin clave de acceso.

En los dos siguientes, introduciremos la clave de acceso que usaremos para entrar en PhPMyAdmin, el usuario predeterminado es root y marcaremos la opción PhpMyAdmin authentification como cookie y presionaremos el botón Password changing.

Mas abajo seleccionaremos el nombre de usuario y la clave para acceder al directorio xampp y el botón make save the XAMPP directory.

Si usamos de nuevo el enlace de la barra lateral, chequeo de seguridad, veremos que tan solo nos falta por asegurar, nuestro servidor Filezilla y PhP.

Para acceder a la administración del servidor ftp Filezilla, podremos hacerlo desde el panel de control de XAMPP, pulsando sobre el botón admin que esta al lado del servicio filezilla, tal y como podemos ver en la siguiente imagen.

Se nos abrirá una pequeña ventana donde se nos pide una clave de administrador, no la necesitamos ya que por defecto no trae clave de administración, así que pulsaremos OK directamente y nos mostrará el programa de administración del servidor Filezilla.

Seleccionaremos Edit y Users tal y como se muestra en la imagen que esta encima.

Se nos abrirá la ventana de administración de usuarios…

En esta ventana tendremos que seleccionar el usuario newuser que trae por defecto la instalación de filezilla en XAMPP.

Aquí podemos cambiar el nombre de usuario y la contraseña, aunque para cerrar el fallo de seguridad, bastara con cambiar la contraseña del usuario newuser.

Por el usuario anonymous no tendremos que preocuparnos, ya que tiene restringido el acceso a una carpeta de intercambio de archivos que no es vital para el servidor.

En la siguiente imagen mostramos sahred folders, donde se reflejan los directorios y permisos que tienen acceso según que usuarios.

Aquí como podemos ver podemos añadir los directorios que nos interesa que accedan según que usuarios y darles permisos de lectura, escritura, borrado y añadido tanto de archivos como de directorios. Más adelante si es de interés general pasaríamos a explicar detalladamente como administrar el servidor ftp Filezilla.

Ya solo nos quedaría php, para lo que tendríamos que editar el archivo php.ini que encontraremos dentro de la instalación de xampp en la carpeta apache/bin.

Si es que el servidor va a ser usado para algo mas que desarrollo, activaremos la función de safe_mode, ya que de otra forma, si quisiéramos desarrollar, con esta función activada, nos veríamos limitadísimos.

Tal y como se muestra en la imagen superior tendríamos que editar la línea 168 y cambiar el parámetro de safe_mode = Off a On.

Con esto terminaríamos de asegurar nuestro servidor y ya estaría listo para funcionar en modo local.

Para concluir lo único que nos quedaría, es los addons que ofrece Apache Friends con este paquete de instalación, que son el de Perl y el servidor Tomcat que quedaría asignado al puerto 81.

Su instalación es sencilla, descargar los paquetes, abrirlo y seguir los pasos de instalación aceptando todo lo que pregunte. En el caso de Tomcat tendremos que tener instalado Sun java sdk 5 o superior en nuestro ordenador y referenciado el CLASSPATH de instalación de Sun jsdk. Encontraremos más información sobre el tema en osmosislatina

Servidor personal para Mac

El contenido del paquete XAMPP Versión 0. 7. 2 para Mac que vamos a instalar, contiene los siguientes archivos:

Para conseguir este paquete acudiremos a la página oficial de Apache friends , y seleccionaremos el enlace específico para Mac OS X. En esta pagina tendremos varias opciones a elegir, seleccionaremos la más comoda de todas, el paquete binário de instalación “XAMPP Mac OS X 0.7.2″ Installer Version Universal Binary.
La instalación de Mac no trae aparte ningún addon para instalar.

En lo que respecta a la instalación de XAMPP en Mac OS X, no será mucho más complicada que en Windows, gracias a los chicos de Apache Friends.
Abriremos el paquete de instalacion, haciendo dos clicks sobre el.

Una vez descomprimido nos creará una unidad de disco con el autoinstalador.

Tan solo tendremos que abrir nuestro explorador de archivos locales en Mac, buscar el disco y hacer click sobre el paquete instalador, lo que abrirá la ventana de inicio del instalador.

Tras pulsar el botón continuar, lo siguiente que nos pedirá el instalador es en que unidad queremos hacer la instalación.

Lo más adecuado es seleccionar la unidad principal, o el disco de instalación de todo el sistema Mac.
El sistema Mac por definición solicitará la clave del administrador para poder hacer esta instalación.

Tras introducir la clave de administrador del sistema, el instalador empezara a copiar los paquetes de XAMPP en nuestro Mac.

Una vez realizado, nos comunicará que la instalación se realizo con éxito.

Lo siguiente que tenemos que hacer es buscar el icono de acceso al panel de control de Xampp para Mac que encontraremos en aplicaciones.

Abriremos la carpeta xampp, tal y como muestra la imagen superior.

Entre otros archivos contenidos en esta carpeta encontraremos uno llamado xampp control panel.app

Lo abriremos haciendo dos clicks sobre el, y nuevamente el sistema de Mac nos pedirá la autorización del administrador del sistema para iniciar este servicio.

Después de introducir la clave y darle al botón OK, se abrirá el panel de administración de los servicios instalados por XAMPP.

Panel de control XAMPP para Mac.

El panel de administración de los servicios de XAMPP instalados en Mac es aun más simple que el que se instala en Windows.

Las únicas funciones que trae, son iniciar parar o recargar los servicios, todos a la vez, solo Apache, solo MySQL, solo ProFTPD o Apache con soporte SSL.
La otra función que trae, es usando el botón superior PHP Versión, que se encuentra arriba hacia la mitad de la ventana, al lado del botón XAMPP y que nos permitirá, conmutar entre php 4 o php 5.

Verificación de la instalación en Mac OSX.

Para ver si la instalación se efectuó correctamente, abriremos nuestro navegador, Safari, Firefox o el que usemos e introduciremos en la barra de direcciones, localhost.
Esto nos tendría que abrir la ventana de selección del idioma de xampp, similar al de la imagen que sigue a continuación.

Tras seleccionar el idioma nos aparecerá la siguiente ventana de bienvenida.

Desde aquí podremos hacer un chequeo de seguridad, acceder a PhPMyAdmin y otras funciones y algunos ejemplos.

Configurando la seguridad de Xampp en Mac.

Para finalizar tan solo nos queda poner las claves en nuestra instalación de XAMPP para evitar que sea accesible a todos los usuarios.
Lo primero que haremos, será parar todos los servicios desde el panel de control de XAMPP, y abriremos un terminal de Mac. Para eso abriremos nuestro explorador de archivos en Mac, e iremos a aplicaciones, utilidades, tal y como muestra la siguiente imagen.

Abriremos la carpeta utilidades y dentro encontraremos el terminal.

Una vez abierta la ventana del terminal, teclearemos “sudo su” sin las comillas, acto seguido el sistema nos pide la contraseña de administrador para poder ejecutar este comando, tendremos que introducirla, si queremos proceder.

Nota: Al introducir la contraseña, el cursor no se mueve ni muestra símbolo alguno, pero si tenemos seleccionada la terminal, la contraseña queda introducida, bastara con dar intro después de darle la contraseña para que se haga efectivo el cambio.

Acto seguido introduciremos la siguiente línea sin las comillas “/Applications/xampp/xamppfiles/mampp security”.

Entonces se iniciará el script de chequeo de seguridad de xampp para Mac.
Lo primero que nos advierte es que nuestra instalación de Mac no esta asegurada por clave alguna y nos preguntara si queremos seleccionar algún password para proteger la instalación de XAMPP.
Pulsamos intro y nos pedirá la clave que deseamos usar. Lo siguiente es que nos la pide otra vez para confirmarla, esto lo hace con durante todo el proceso.

También nos indica que MySql es accesible a través de la red, y pregunta si deseamos evitar que se pueda acceder al panel de administración de MySql desde la red, a lo que daremos intro, aceptando. Después nos indicará que la clave del servidor ftp es la que trae por defecto la instalación y nos insta a cambiarla, pulsaremos intro, y posteriormente la clave y la confirmación de clave.
Si durante el proceso, el script no comenta nada acerca de la seguridad de PhPMyAdmin, no nos preocuparemos, ya que a continuación mostramos los pasos a seguir para lograr asegurar nuestra instalación de PhPMyAdmin.
el proceso con mampp security llega a su fin, cerramos el terminal de Mac.
Ponemos de nuevo en marcha todos los servicios desde el panel de control de XAMPP.

Abrimos Firefox, Safari o el navegador que utilicemos e introducimos en la barra del navegador localhost e intro. Nos pedirá un usuario y la contraseña, el usuario es “xampp” y la contraseña la que pusiéramos en el script de seguridad mampp, cuando nos informo de que el directorio xampp era accesible a todo el mundo (la primera de las preguntas que realiza el script).

Del menú que nos muestra la pantalla a la izquierda, seleccionaremos chequeo de seguridad, marcado con fondo blanco en la pantalla de arriba.
Como podemos ver marcado en con el recuadro rojo, arriba, nos indica que lo único que no es seguro PhpMyAdmin y el usuario de MySql.
Abriremos PhPMyAdmin, en el menu de la izquierda, marcado arriba con un recuadro rojo en el menú de la izquierda.
En una nueva ventana o pestaña se nos abrirá PhpMyAdmin.

Seleccionaremos Privilegios, marcado con un recuadro rojo en la imagen superior.

Tenemos que seleccionar el icono editar para la cuenta de usuario root del servidor localhost sin contraseña y con todos los privilegios, tal y como esta marcado en la imagen de arriba.

seleccionaremos hacia la mitad de la página la casilla de verificación “contraseña”, en los campos de texto introduciremos la contraseña y su confirmación, y en la casilla de verificación que esta debajo de los campos de texto marcaremos MySQL 4.1+ y le daremos al botón continuar, siguiendo los datos marcados en rojo como en la imagen superior.
Cerraremos el navegador, pararemos todos los servicios desde la consola de administración de Xampp y abriremos de nuevo nuestro explorador de archivos para buscar en aplicaciones el directorio xampp y dentro de el xamppfiles y abriremos la carpeta phpmyadmin.

Dentro encontraremos el archivo config.inc.php, tenemos que abrirlo con nuestro editor de texto o un editor html.

tendremos que editar dos líneas tal y como muestra la imagen que vienen a continuación.

En la línea 18 indicaremos root como palabra secreta (el mismo nombre que el del administrador. En la línea 30 cambiaremos el tipo de autorización de config a cookie y guardaremos el archivo.
Pondremos en marcha de nuevo todos los servicios desde el panel de administración de XAMPP.
Abriremos el navegador introduciendo la dirección “localhost/phpmyadmin/” sin las comillas.
Al intentar acceder de nuevo a PhpMyadmin, lo primero que nos pedirá, será un usuario y la contraseña.

El usuario será root si no lo hemos modificado, y contraseña la que le dimos en PhpMyAdmin cuando realizamos el cambio de contraseñas, usando el menú privilegios de PhpMyAdmin.
Finalmente accederemos a xampp, donde nos pedirá usuario y contraseña. El usuario recordemos que es xampp y la clave la que proporcionamos desde el script de seguridad mampp.
Al acceder de nuevo al menú de testeo de la seguridad de Xampp, veremos que por fin aparecen todos los detalles como seguros.

Con esto habremos terminado este mini tutorial para instalarse un servidor personal, tanto en Windows como en Mac.
Si algún usuario desea que profundicemos mas, solo tiene que dejar el comentario en este mismo tutorial con su consulta.
En el próximo tutorial mostraremos como instalar un analizador de código de páginas html, homologado por el w3c.