Cargando...

Cómo instalar XAMPP - Tutorial de configuración paso a paso

XAMPP es un paquete de solución amigable para principiantes en el desarrollo web de fácil instalación, configuración y uso.

COMPÁRTELO:
Cómo instalar XAMPP - Tutorial de configuración paso a paso | Aprender PHP y MySQL | XAMPP es un paquete de solución amigable para principiantes en el desarrollo web de fácil instalación, configuración y uso

XAMPP es el paquete de software más popular que se utiliza para configurar un entorno de desarrollo PHP para servicios web proporcionando todos los componentes de software necesarios.

Durante el proceso de implementación del software, la mayoría de los servidores web utilizan componentes casi similares.

Por lo que el uso de XAMPP proporciona una transición fácil del servidor local al servidor en vivo.

XAMPP es una pila AMP que significa multiplataforma:

  • Apache
  • MySQL
  • PHP
  • Perl
  • PHPMyAdmin
  • FileZilla
  • Mercury
  • Tomcat

Contiene algunas herramientas de software administrativo adicionales como PHPMyAdmin (para acceso a la base de datos), servidor FTP FileZilla, servidor de correo Mercury y servidor JSP Tomcat.

Otros paquetes de software comúnmente conocidos como XAMPP son WAMP, LAMP entre otros.

El servidor XAMPP se utiliza para probar páginas PHP. Funciona como servidor local. Contiene una base de datos MySQL para administrar o guardar datos en un servidor local.

Ventajas de XAMPP

  • Es gratis y fácil de usar y está disponible para Windows, Linux y Mac OS
  • Es un paquete de solución amigable para principiantes para el desarrollo web de pila completa
  • Es un paquete de software de código abierto que brinda una experiencia de instalación sencilla
  • Es muy simple y liviano de crear una configuración para desarrollo, prueba e implementación
  • Es un ahorro de tiempo y proporciona varias formas de administrar los cambios de configuración
  • Maneja muchas tareas administrativas como verificar el estado y la seguridad

Componentes de software de XAMPP

  • Apache desempeña el papel de procesar la solicitud HTTP. Es la aplicación de servidor web predeterminada real. Es el servidor web más popular mantenido por Apache Software Foundation
  • MySQL El papel del sistema de administración de bases de datos en XAMPP lo desempeña MySQL. Ayuda a almacenar y administrar los datos recopilados de manera muy eficiente. Es un código abierto y el más popular
  • PHP es el lenguaje de programación del lado del servidor que significa preprocesador de hipertexto. Está incrustado con código HTML que interactúa con el servidor web. Es de código abierto y funciona bien con MySQL y se ha convertido en una opción común para los desarrolladores web
  • Perl es el lenguaje de programación de alto nivel diseñado para la edición de texto que tiene un propósito como el desarrollo web y la programación de redes

Ámbitos de aplicación

Un servidor XAMPP se puede instalar rápido y fácilmente como sistema de test local bajo Linux, Windows y Mac OS X con un único archivo ejecutable.

El paquete del software contiene los mismos componentes que se utilizan en cualquier servidor web, de forma que permite a los desarrolladores testar proyectos localmente y transferirlos cómodamente a sistemas reales.

Sin embargo, XAMPP no se recomienda como servidor público, ya que, en aras de mantener la facilidad de uso existen ciertas limitaciones en cuanto a seguridad.

Pasos para instalar XAMPP en Windows

En el navegador web, visite Apache Friends y descargue el instalador XAMPP.

Descargar paquete de Software XAMPP
Descargar paquete de Software XAMPP

Paso 1: Ejecutar el archivo .exe

Una vez descargado el paquete, puedes ejecutar el archivo .exe haciendo doble clic en él.

Paso 2: Desactivar el programa antivirus

Se recomienda desactivar el programa antivirus hasta que todos los componentes estén instalados, ya que puede obstaculizar el proceso de instalación.

Antes de iniciar la instalación de XAMPP es recomendable desactivar temporalmente el antivirus
Antes de iniciar la instalación de XAMPP es recomendable desactivar temporalmente el antivirus

Paso 3: Desactivar el UAC

También el Control de Cuentas de Usuario (User Account Control, UAC) puede interferir en la instalación, ya que limita los derechos de escritura en la unidad de disco C:\

Para saber cómo desactivar temporalmente el UAC puedes dirigirte a las páginas de soporte de Microsoft.

También el Control de cuentas de usuarios (UAC) puede impedir la instalación de XAMPP
También el Control de cuentas de usuarios (UAC) puede impedir la instalación de XAMPP

Paso 4: Iniciar el asistente de instalación

Una vez superados estos pasos, aparece la pantalla de inicio del asistente para instalar XAMPP. Para ajustar las configuraciones de la instalación se hace clic en “Next” (siguiente).

Con la aparición de la pantalla de inicio del asistente da comienzo la instalación de XAMPP
Con la aparición de la pantalla de inicio del asistente da comienzo la instalación de XAMPP

Paso 5: Selección de los componentes del software

En la rúbrica “Select components” se pueden excluir de la instalación componentes aislados del paquete de software de XAMPP.

Se recomienda la configuración estándar para un servidor de prueba local, con la cual se instalan todos los componentes disponibles. Confirma la selección haciendo clic en “Next”.

Componentes instalación XAMPP
Componentes instalación XAMPP

Paso 6: Selección del directorio para la instalación

En este paso se escoge el directorio donde se instalará el paquete. Si se ha escogido la configuración estándar se creará una carpeta con el nombre xampp en C:\

En un siguiente paso, se selecciona el directorio donde se instalarán los archivos
En un siguiente paso, se selecciona el directorio donde se instalarán los archivos

Paso 7: Iniciar el proceso de instalación

El asistente extrae los componentes seleccionados y los guarda en el directorio escogido en un proceso que puede durar algunos minutos. El avance de la instalación se muestra como una barra de carga de color verde.

A continuación da comienzo el proceso de instalación en el cual se descomprimen los elementos de software seleccionados y se instalan en el directorio que se ha definido en los preajustes
A continuación da comienzo el proceso de instalación en el cual se descomprimen los elementos de software seleccionados y se instalan en el directorio que se ha definido en los preajustes

Paso 8: Configurar Firewall

Durante el proceso de instalación es frecuente que el asistente avise del bloqueo de Firewall.

En la ventana de diálogo puedes marcar las casillas correspondientes para permitir la comunicación del servidor Apache en una red privada o en una red de trabajo. Recuerda que no se recomienda usarlo en una red pública.

Durante la instalación será necesario reconfigurar el cortafuegos para que no bloquee componentes del servidor Apache
Durante la instalación será necesario reconfigurar el cortafuegos para que no bloquee componentes del servidor Apache

Paso 9: Cerrar la instalación

Una vez extraídos e instalados todos los componentes puedes cerrar el asistente con la tecla “Finish”. Para acceder inmediatamente al panel de control solo es necesario marcar la casilla que pregunta si deseamos hacerlo.

Haciendo clic en “Finish“ se cierra el asistente de instalación de XAMPP
Haciendo clic en “Finish“ se cierra el asistente de instalación de XAMPP

Panel de control de XAMPP

En la diáfana interfaz de usuario del panel de control se protocolan todas las acciones y es posible activar o desactivar los módulos por separado con un simple clic. Además, se dispone de diversas utilidades como:

  • Config: para configurar XAMPP así como otros componentes aislados.
  • Netstat: muestra todos los procesos en funcionamiento en el ordenador local
  • Shell: lanza una ventana de comandos UNIX
  • Explorer: abre la carpeta XAMPP en el explorador de Windows
  • Services: muestra todos los servicios en funcionamiento
  • Help: incluye enlaces a foros de usuarios
  • Quit: se usar para salir del panel de control
En el Panel de Control el usuario puede iniciar o finalizar los diferentes módulos por separado
En el Panel de Control el usuario puede iniciar o finalizar los diferentes módulos por separado

Iniciar módulos

En la parte superior se pueden iniciar o interrumpir 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.

Los módulos activos aparecen en el Panel de Control marcados en verde
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 notificaciones de error protocoladas en la parte de abajo ayudan a encontrar las causas del error.

Módulos inactivos y notificaciones de error en el Panel de Control de XAMPP
Módulos inactivos y notificaciones de error en el Panel de Control de XAMPP

Ajustar XAMPP

Una causa frecuente de fallos en el uso de Apache es un puerto bloqueado.

La configuración estándar XAMPP suele asignar al servidor web el puerto principal 80 y el puerto SSL 443, pero suelen estar bloqueados por otros programas.

En la figura anterior se muestra un conflicto con el programa de mensajería instantánea Skype, que está usando los puertos 80 y 443, por lo que el servidor no se puede iniciar. Existen tres posibles soluciones:

  1. Cambiar el puerto en Skype: para ello se abre Skype y en “Herramientas” > “Opciones” > “Avanzada” > “Conexión” se desmarca la casilla donde se indica “Usar los puertos 80 y 443 para las conexiones entrantes adicionales”.
  2. Cambiar las configuraciones de los puertos en Apache: haz clic en la configuració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 selecciona “Ajustar puertos” para poder introducir los cambios realizados en los archivos conf.
  3. Finalizar Skype: el método más sencillo de evitar conflictos con Skype consiste en cerrarlo y volver a iniciarlo solo cuando el servidor Apache ya esté en funcionamiento.

Administrar 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 redirigido 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 información útil así como al proyecto open source BitNami, que ofrece diversas aplicaciones gratuitas para XAMPP como WordPress u otros CMS. Para acceder a esta página principal se introduce la dirección localhost/dashboard/.
Dashboard del servidor de XAMPP en el navegador
Dashboard del servidor de XAMPP en el navegador
  • Haciendo clic en la tecla “Admin” de la base de datos se abre phpMyAdmin, donde se pueden administrar las bases de datos del proyecto web que se quiere probar con XAMPP. También podemos acceder a la interfaz de administración para la base de datos MySQL en localhost/phpmyadmin/.
Interfaz de administración de phpMyAdmin
Las bases de datos se gestionan en phpMyAdmin, accesible en el botón “Admin” del módulo Base de datos

Comprobar la instalación del servidor XAMPP

Para comprobar si el servidor se instaló y configuró correctamente, se recomienda crear una página PHP de prueba, depositarla en el localhost de XAMPP y acceder a ella a través del navegador web.

  • Para ello, abre el directorio XAMPP mediante la tecla “Explorer” en el panel de control y selecciona la carpeta htdocs (C:\xampp\htdocs en la instalación estándar). En este directorio se almacenan todos los archivos para las páginas a probar con XAMPP, aunque también aquellos archivos que sirven para la configuración del servidor web. Se recomienda, por ello, guardar los proyectos propios en respectivos nuevos directorios (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\):

<!DOCTYPE html>
<html>
  <head>
      <title>Test PHP</title>
  </head>
  <body>
      <?php echo '<p>Hola mundo</p>'; ?>
  </body>
</html>

  • Finalmente, abre el navegador y la página PHP introduciendo 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ó correctamente.
  • Haciendo clic en la tecla “Admin” de la base de datos se abre phpMyAdmin, donde se pueden administrar las bases de datos del proyecto web que se quiere probar con XAMPP. También podemos acceder a la interfaz de administración para la base de datos MySQL en localhost/phpmyadmin/.

Instalación de XAMPP - Emulador de Servidor Web

Paquete de software para simular un entorno de servidor de páginas web dinámicas.

CITAR ARTÍCULO


Para tareas, investigaciones, tesis, libros, revistas, blogs ó artículos académicos

Referencia en Formato APA:

Delgado, Hugo. (2021).
Cómo instalar XAMPP - Tutorial de configuración paso a paso.
Recuperado 16 de septiembre, 2021, de
https://disenowebakus.net/xampp.php

¡Participa!

¡Compártelo en tus Redes Sociales!
Compartir en:

Profesor en la Universidad de Guadalajara

Hugo Delgado Desarrollador y Diseñador Web en Puerto Vallarta

Profesional en Desarrollo Web y Posicionamiento SEO desde hace más de 15 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

CONTINÚA APRENDIENDO

Menú categoría


Aprender PHP y MySQL

TAMBIÉN MERECE LA PENA VISITAR:

CATEGORÍAS PRINCIPALES

¿Te gustaría aprender más sobre Diseño Web?

Conoce todos los cursos y tutoriales que tenemos para ti completamente gratis
Aprender Diseño Web

¿Todavía no encuentras lo que necesitas?

Usa nuestro buscador interno para descubrir más información
Contenido relacionado:

Videotutoriales


Aprender Diseño Web

Presentación del Curso

Aprenderás a diseñar páginas web responsivas, atractivas y con posicionamiento en Google.

Tecnologías que conocerás:

  • HTML5 / CSS / JavaScript
  • PHP / MySQL
  • WordPress / Dreamweaver / Bootstrap
  • Posicionamiento Web SEO
Ver los videos
 

Deja tu Comentario

PATROCINADOR

Tu negocio también puede aparecer aquí. Más información
Anunciate aquí