XAMPP es una di­s­tri­bu­ción de Apache que incluye varios software libres. El nombre es un acrónimo compuesto por las iniciales de los programas que lo co­n­s­ti­tu­yen: el servidor web Apache, los sistemas re­la­cio­na­les de ad­mi­ni­s­tra­ción de bases de datos MySQL y MariaDB, así como los lenguajes de pro­gra­ma­ción Perl y PHP. La inicial X se usa para re­pre­se­n­tar a los sistemas ope­ra­ti­vos Linux, Windows y Mac OS X.

  • Apache: el servidor web de código abierto es la apli­ca­ción más usada glo­ba­l­me­n­te para la entrega de co­n­te­ni­dos web. Las apli­ca­cio­nes del servidor son ofrecidas como software libre por la Apache Software Fou­n­da­tion.
  • MySQL/MariaDB: conMySQL, XAMPP cuenta con uno de los sistemas re­la­cio­na­les de gestión de bases de datos más populares del mundo. En co­m­bi­na­ción con el servidor web Apache y el lenguaje PHP, MySQL sirve para el al­ma­ce­na­mie­n­to de datos para servicios web. En las versiones actuales de XAMPP esta base de datos se ha su­s­ti­tui­do por MariaDB, una ra­mi­fi­ca­ción (“Fork”) del proyecto MySQL.
  • PHP: es un lenguaje de pro­gra­ma­ción de código de lado del servidor que permite crear páginas web o apli­ca­cio­nes dinámicas. Es in­de­pe­n­die­n­te de pla­ta­fo­r­ma y soporta varios sistemas de bases de datos.
  • Perl: este lenguaje de pro­gra­ma­ción se usa en la ad­mi­ni­s­tra­ción del sistema, en el de­sa­rro­llo web y en la pro­gra­ma­ción de red. También permite programar apli­ca­cio­nes web dinámicas.

Además de estos co­m­po­ne­n­tes pri­n­ci­pa­les, esta di­s­tri­bu­ción gratuita también incluye, según el sistema operativo, otras he­rra­mie­n­tas como el servidor de correo Mercury, el programa de ad­mi­ni­s­tra­ción de bases de datos ph­p­M­yA­d­min, el software de analítica web Webalizer, OpenSSL, Apache Tomcat y los se­r­vi­do­res FTP FileZilla o ProFTPd.

Dominios web
Compra y registra tu dominio ideal
  • Domina el mercado con nuestra oferta 3x1 en dominios
  • Función Domain Connect para una co­n­fi­gu­ra­ción DNS si­m­pli­fi­ca­da gratis
  • Registro privado y gratis para mayor seguridad

Ámbitos de apli­ca­ción

Un servidor XAMPP se puede instalar rápido y fá­ci­l­me­n­te como sistema de test local bajo Linux, Windows y Mac OS X con un único archivo eje­cu­ta­ble. El paquete del software contiene los mismos co­m­po­ne­n­tes que se utilizan en cualquier servidor web, de forma que permite a los de­sa­rro­lla­do­res testar proyectos lo­ca­l­me­n­te y tra­n­s­fe­ri­r­los có­mo­da­me­n­te a sistemas reales. Sin embargo, XAMPP no se re­co­mie­n­da como servidor público, ya que, en aras de mantener la facilidad de uso existen ciertas li­mi­ta­cio­nes en cuanto a seguridad.

Consejo

¿Necesita un servidor para su proyecto web? Con IONOS puede alquilar fá­ci­l­me­n­te su servidor online. ¡IONOS tiene la solución perfecta para cada proyecto web! Desde se­r­vi­do­res virtuales para proyectos medianos y largos, hasta se­r­vi­do­res cloud para una fle­xi­bi­li­dad máxima y se­r­vi­do­res dedicados para re­qui­si­tos más complejos.

Instalar XAMPP

Nuestro tutorial de XAMPP muestra la in­s­ta­la­ción del paquete en Windows. En el caso de usar Linux o Mac OS X, el proceso de in­s­ta­la­ción puede variar.

Paso 1: Descarga

Las versiones con PHP 5.5, 5.6 o 7 se pueden descargar gra­tui­ta­me­n­te desde la página del proyecto Apache Friends.

Paso 2: Ejecutar el archivo .exe

Una vez de­s­ca­r­ga­do el paquete, puedes ejecutar el archivo .exe haciendo doble clic en él.

Paso 3: Des­ac­ti­var el programa antivirus

Se re­co­mie­n­da des­ac­ti­var el programa antivirus hasta que todos los co­m­po­ne­n­tes estén in­s­ta­la­dos, ya que puede ob­s­ta­cu­li­zar el proceso de in­s­ta­la­ción.

Imagen: Instalar XAMPP: desactivar el programa antivirus
Antes de iniciar la in­s­ta­la­ción de XAMPP es re­co­me­n­da­ble des­ac­ti­var te­m­po­ra­l­me­n­te el antivirus

Paso 4: Des­ac­ti­var el UAC

También el control de cuentas de usuario (User Account Control, UAC) puede in­te­r­fe­rir en la in­s­ta­la­ción, ya que limita los derechos de escritura en la unidad de disco C:\. Para saber cómo des­ac­ti­var te­m­po­ra­l­me­n­te el UCA puedes dirigirte a las páginas de soporte de Microsoft.

Imagen: Instalar XAMPP: desactivar el UAC
También el Control de cuentas de usuarios (UAC) puede impedir la in­s­ta­la­ción de XAMPP

Paso 5: Iniciar el asistente de in­s­ta­la­ción

Una vez superados estos pasos, aparece la pantalla de inicio del asistente para instalar XAMPP. Para ajustar las co­n­fi­gu­ra­cio­nes de la in­s­ta­la­ción se hace clic en “Next”.

Imagen: Pantalla de inicio del asistente de instalación de XAMPP
Con la aparición de la pantalla de inicio del asistente da comienzo la in­s­ta­la­ción de XAMPP

Paso 6: Selección de los co­m­po­ne­n­tes del software

En la rúbrica “Select co­m­po­ne­nts” se pueden excluir de la in­s­ta­la­ción co­m­po­ne­n­tes aislados del paquete de software de XAMPP. Se re­co­mie­n­da la co­n­fi­gu­ra­ción estándar para un servidor de prueba local, con la cual se instalan todos los co­m­po­ne­n­tes di­s­po­ni­bles. Confirma la selección haciendo clic en “Next”.

Imagen: Instalar XAMPP: Selección de los componentes
En el cuadro de diálogo “Select Co­m­po­ne­nts“ se pueden se­le­c­cio­nar o desele­c­cio­nar los co­m­po­ne­n­tes que se in­s­ta­la­rán

Paso 7: Selección del di­re­c­to­rio para la in­s­ta­la­ción

En este paso se escoge el di­re­c­to­rio donde se instalará el paquete. Si se ha escogido la co­n­fi­gu­ra­ción estándar se creará una carpeta con el nombre XAMPP en C:\.

Imagen: Instalar XAMPP: selección de la carpeta donde se guardarán los archivos
En un siguiente paso, se se­le­c­cio­na el di­re­c­to­rio donde se in­s­ta­la­rán los archivos

Paso 8: Iniciar el proceso de in­s­ta­la­ción

El asistente extrae los co­m­po­ne­n­tes se­le­c­cio­na­dos y los guarda en el di­re­c­to­rio escogido en un proceso que puede durar algunos minutos. El avance de la in­s­ta­la­ción se muestra como una barra de carga de color verde.

Imagen: Instalar XAMPP: comienzo del proceso de instalación de XAMPP
A co­n­ti­nua­ción da comienzo el proceso de in­s­ta­la­ción en el cual se de­s­co­m­pri­men los elementos de software se­le­c­cio­na­dos y se instalan en el di­re­c­to­rio que se ha definido en los pre­aju­s­tes

Paso 9: Co­n­fi­gu­rar Firewall

Durante el proceso de in­s­ta­la­ción es frecuente que el asistente avise del bloqueo de Firewall. En la ventana de diálogo puedes marcar las casillas co­rre­s­po­n­die­n­tes para permitir la co­mu­ni­ca­ción del servidor Apache en una red privada o en una red de trabajo. Recuerda que no se re­co­mie­n­da usarlo en una red pública.

Imagen: Configuración de Firewall
Durante la in­s­ta­la­ción será necesario re­co­n­fi­gu­rar el co­r­ta­fue­gos para que no bloquee co­m­po­ne­n­tes del servidor Apache

Paso 10: Cerrar la in­s­ta­la­ción

Una vez extraídos e in­s­ta­la­dos todos los co­m­po­ne­n­tes puedes cerrar el asistente con la tecla “Finish”. Para acceder in­me­dia­ta­me­n­te al panel de control solo es necesario marcar la casilla que pregunta si deseamos hacerlo.

Imagen: Instalar XAMPP: cerrar la instalación
Haciendo clic en "Finish" se cierra el asistente de in­s­ta­la­ción de XAMPP

Panel de control de XAMPP

En la diáfana interfaz de usuario del panel de control se pro­to­co­lan todas las acciones y es posible activar o des­ac­ti­var los módulos por separado con un simple clic. Además, se dispone de diversas uti­li­da­des como:

  • Config: para co­n­fi­gu­rar XAMPP así como otros co­m­po­ne­n­tes aislados.
  • Netstat: muestra todos los procesos en fu­n­cio­na­mie­n­to en el ordenador local
  • Shell: lanza una ventana de comandos UNIX
  • Explorer: abre la carpeta XAMPP en el ex­plo­ra­dor de Windows
  • Services: muestra todos los servicios en fu­n­cio­na­mie­n­to
  • Help: incluye enlaces a foros de usuarios
  • Quit: se usar para salir del panel de control
Imagen: Panel de control de XAMPP
En el Panel de Control el usuario puede iniciar o finalizar los di­fe­re­n­tes módulos por separado

Iniciar módulos

En la parte superior se pueden iniciar o in­te­rru­m­pir los módulos de XAMPP por separado mediante los comandos “Start” y “Stop” bajo “Actions”. Los módulos que se activaron aparecen marcados en verde. 

Imagen: Módulos activos en el Panel de Control de XAMPP
Los módulos activos aparecen en el Panel de Control marcados en verde

Si uno de ellos no pudiera ser iniciado por un error, se mostrará marcado en rojo. Las no­ti­fi­ca­cio­nes de error pro­to­co­la­das en la parte de abajo ayudan a encontrar las causas del error.

Ajustar XAMPP

Una causa frecuente de fallos en el uso de Apache es un puerto bloqueado. La co­n­fi­gu­ra­ción estándar XAMPP suele asignar al servidor web el puerto principal 80 y el puerto SSL 443, pero suelen estar blo­quea­dos por otros programas. En la figura anterior se muestra un conflicto con el programa de me­n­sa­je­ría in­s­ta­n­tá­nea Skype, que está usando los puertos 80 y 443, por lo que el servidor no se puede iniciar. Existen tres posibles so­lu­cio­nes:

a. Cambiar el puerto en Skype: para ello se abre Skype y en “He­rra­mie­n­tas” > “Opciones” > “Avanzada” > “Conexión” se desmarca la casilla donde se indica “Usar los puertos 80 y 443 para las co­ne­xio­nes entrantes adi­cio­na­les”.

b. Cambiar las co­n­fi­gu­ra­cio­nes de los puertos en Apache: haz clic en la co­n­fi­gu­ra­ción del módulo Apache (“Config”) y abre los archivos httpd.conf y httpd-ssl.conf. En httpd.conf cambia el puerto 80 por el puerto que deseas usar y lo mismo se realiza en httpd-ssl.conf con el puerto 443. Guarda los archivos. En la tecla “Config” de la derecha se­le­c­cio­na “Ajustar puertos” para poder in­tro­du­cir los cambios rea­li­za­dos en los archivos conf.

c. Finalizar Skype: el método más sencillo de evitar co­n­fli­c­tos con Skype consiste en cerrarlo y volver a iniciarlo solo cuando el servidor Apache ya esté en fu­n­cio­na­mie­n­to.

Imagen: Módulos inactivos y notificaciones de error en el Panel de Control de XAMPP
Las no­ti­fi­ca­cio­nes de error aparecen en rojo en el Panel de Control con in­di­ca­cio­nes para resolver el conflicto

Ad­mi­ni­s­trar los módulos

Para cada módulo existe una función “Admin”.

  • Al hacer clic en la tecla “Admin” del servidor Apache, accederás a la dirección web del servidor a través del navegador estándar del equipo. Serás re­di­ri­gi­do a la página principal de XAMPP en el local host, el dominio de la máquina local. El dashboard incluye multitud de enlaces a páginas web con in­fo­r­ma­ción útil así como al proyecto open source BitNami, que ofrece diversas apli­ca­cio­nes gratuitas para XAMPP como WordPress u otros CMS. Para acceder a esta página principal se introduce la dirección localhost/dashboard/.
Imagen: Dashboard del servidor de XAMPP en el navegador
Haciendo clic en el botón “Admin“ del módulo Apache el usuario es re­di­ri­gi­do al dashboard local de XAMPP

  • Haciendo clic en la tecla “Admin” de la base de datos se abre ph­p­M­yA­d­min, donde se pueden ad­mi­ni­s­trar las bases de datos del proyecto web que se quiere probar con XAMPP. También podemos acceder a la interfaz de ad­mi­ni­s­tra­ción para la base de datos MySQL en localhost/ph­p­m­ya­d­min/.

Imagen: Interfaz de administración de phpMyAdmin
Las bases de datos se gestionan en ph­p­M­yA­d­min, accesible en el botón “Admin” del módulo Base de datos

Comprobar la in­s­ta­la­ción del servidor XAMPP

Para comprobar si el servidor se instaló y configuró co­rre­c­ta­me­n­te, se re­co­mie­n­da crear una página PHP de prueba, de­po­si­tar­la en el localhost de XAMPP y acceder a ella a través del navegador web.

  • Para ello, abre el di­re­c­to­rio XAMPP mediante la tecla “Explorer” en el panel de control y se­le­c­cio­na la carpeta htdocs (C:\xampp\htdocs en la in­s­ta­la­ción estándar). En este di­re­c­to­rio se almacenan todos los archivos para las páginas a probar con XAMPP, aunque también aquellos archivos que sirven para la co­n­fi­gu­ra­ción del servidor web. Se re­co­mie­n­da, por ello, guardar los proyectos propios en re­s­pe­c­ti­vos nuevos di­re­c­to­rios (test, por ejemplo).
  • Crea una página PHP sencilla con el siguiente contenido en el editor y guárdalo como test.php en la carpeta “test” (C:\xampp\htdocs\test):
<html>
    <head>
            <title>Test PHP</title>
    </head>
    <body>
            <?php echo '<p>Hola mundo</p>'; ?>
    </body>
</html>
  • Fi­na­l­me­n­te, abre el navegador y la página PHP in­tro­du­cie­n­do la siguiente dirección: localhost/test/test.php. Si la ventana del navegador muestra las palabras “Hola mundo” es que XAMPP se instaló y configuró co­rre­c­ta­me­n­te.

  • Haciendo clic en la tecla “Admin” de la base de datos se abre ph­p­M­yA­d­min, donde se pueden ad­mi­ni­s­trar las bases de datos del proyecto web que se quiere probar con XAMPP. También podemos acceder a la interfaz de ad­mi­ni­s­tra­ción para la base de datos MySQL en localhost/ph­p­m­ya­d­min/.

Ir al menú principal