Progreso del curso: 0%
Tema 2.6

Práctica - Instalar XAMMP en su equipo

2.6 Práctica - Instalar XAMMP en su equipo

Este apartado te guía a través de la instalación completa de XAMPP en tu equipo. Es una actividad práctica que debes completar antes de continuar con los siguientes apartados. Después de esta práctica, tendrás un servidor local funcionando en tu máquina, con Apache, MySQL y PHP configurados y listos para albergar WordPress. Se proporcionan instrucciones separadas para Windows, macOS y Linux, dado que el proceso difiere ligeramente según el sistema operativo.

Instalación en Windows

Abre un navegador web y dirígete a apachefriends.org. Busca el botón de descarga para XAMPP. Selecciona la versión Windows. Se descarga un archivo ejecutable (installer). Una vez descargado, ejecuta el instalador haciendo doble clic.

Aparece una ventana de instalación. Windows puede mostrar un diálogo preguntando si permites que la aplicación haga cambios en tu computadora. Haz clic Sí para continuar. El instalador muestra opciones de componentes: Apache, MySQL, PHP, phpMyAdmin, y otros. Asegúrate de que Apache, MySQL y PHP estén marcados (checkbox activado). Los demás son opcionales pero phpMyAdmin es altamente recomendado.

En la pantalla de ubicación de instalación, por defecto se sugiere C:\xampp. Puedes cambiar esto si lo deseas, pero se recomienda mantener la ubicación por defecto para evitar problemas de permisos o rutas. Continúa con la instalación.

Se procede con la instalación de componentes. Toma algunos minutos dependiendo de tu computadora. Verás una barra de progreso mostrando qué se está instalando.

Cerca del final, el instalador pregunta si deseas habilitar UAC (User Account Control) para los componentes de XAMPP. Deja esto marcado para seguridad. También pregunta si deseas iniciar el Panel de Control después de la instalación. Marca esto para comodidad.

Completa la instalación. XAMPP es ahora instalado en tu computadora. Debería abrirse automáticamente el Panel de Control de XAMPP. Si no, busca XAMPP en el menú Inicio o escritorio y haz doble clic para abrirlo.

Instalación en macOS

Dirígete a apachefriends.org y descarga la versión macOS. Se descarga un archivo DMG (imagen de disco). Haz doble clic para montar la imagen. Se abre una ventana mostrando el instalador de XAMPP.

Arrastra el icono de XAMPP a la carpeta Aplicaciones (visible en la ventana). Esta acción copia XAMPP a tu carpeta de Aplicaciones. Espera a que complete la copia.

Abre Aplicaciones (desde Finder o Launchpad). Busca XAMPP y haz doble clic. Aparece un diálogo solicitando contraseña de administrador (necesaria para instalar componentes del sistema). Introduce tu contraseña de macOS. Continúa con el asistente de instalación.

Después de completar, XAMPP abre automáticamente el Panel de Control. Si no lo abre, accede a /Applications/XAMPP y ejecuta manager-osx.app.

Instalación en Linux

El proceso en Linux es similar pero puede requerir terminal dependiendo de tu distribución. Descarga el instalador desde apachefriends.org. Abre terminal y navega a la carpeta donde descargaste el archivo. Ejecuta: chmod +x nombre_instalador.run luego ./nombre_instalador.run. Sigue el asistente de instalación proporcionando tu contraseña cuando se solicite.

Alternativamente, muchas distribuciones Linux permiten instalación gráfica: haz doble clic en el instalador descargado, ingresa tu contraseña cuando se solicite, y sigue las pantallas.

Verificar instalación exitosa

Una vez completada la instalación en cualquier sistema operativo, verifica que XAMPP fue instalado correctamente. Abre el Panel de Control de XAMPP. Busca las filas para Apache y MySQL. El estado debe mostrar Stopped (Detenido) u Inactive (Inactivo) inicialmente.

Haz clic en el botón Start junto a Apache. El status debería cambiar a Running (Ejecutándose) y mostrarse en color verde después de unos segundos. Luego haz clic en el botón Start junto a MySQL. También debe cambiar a Running en verde.

Ambos servicios ahora están activos. Abre tu navegador web favorito y escribe localhost. Deberías ver una página de XAMPP con información sobre la instalación. Esto confirma que Apache está ejecutándose correctamente.

Luego accede a localhost/phpmyadmin. Deberías ver la interfaz de phpMyAdmin. Esto confirma que MySQL y PHP funcionan correctamente. Nota: phpMyAdmin podría mostrar un mensaje sobre credenciales faltantes, pero la página se carga lo que significa que está funcionando.

Configurar XAMPP para inicio automático (opcional)

Si quieres que Apache y MySQL se inicien automáticamente cada vez que reinicies tu computadora, algunos sistemas ofrecen esta opción. En Windows, en el Panel de Control de XAMPP, puedes ver checkboxes junto a Apache y MySQL que indican Svc (Service). Si está disponible, marcar estos checkboxes instala Apache y MySQL como servicios de Windows que inician automáticamente. En macOS y Linux, esto típicamente se configura a través de preferencias del sistema u opciones del Panel de Control.

Crear tu primer test de PHP

Como práctica final, crea un pequeño archivo de prueba para verificar que PHP está funcionando. Abre un editor de texto simple (Notepad en Windows, TextEdit en macOS, gedit en Linux). Escribe el siguiente código exacto:

<?php
phpinfo();
?>

Guarda el archivo como test.php en el directorio htdocs de XAMPP. En Windows es C:\xampp\htdocs\test.php. En macOS es /Applications/XAMPP/htdocs/test.php. En Linux es /opt/lampp/htdocs/test.php o similar según tu instalación.

Abre tu navegador y ve a http://localhost/test.php. Deberías ver una página larga con información técnica detallada sobre tu instalación de PHP. El hecho de que se abre correctamente confirma que Apache, PHP y el servidor están funcionando perfectamente.

Solucionar problemas de instalación comunes

Si Apache no inicia y muestra error: probablemente el puerto 80 está en uso. Intenta cambiar el puerto en el Panel de Control a 8080 o 8888, y accede a localhost:8080 en lugar de localhost.

Si phpMyAdmin no se abre: verifica que MySQL está ejecutándose. Intenta detener y reiniciar MySQL desde el Panel de Control. Si persiste, puede ser un problema de permisos en macOS o Linux.

Si ves caracteres rotos o errores de encoding: asegúrate de que guardaste test.php como UTF-8 sin BOM. Muchos editores permiten elegir la codificación al guardar.

Próximos pasos

Ahora que XAMPP está instalado y funciona correctamente, estás listo para los siguientes apartados: crear una base de datos para WordPress, instalar WordPress localmente, y trabajar en desarrollo. El servidor local está listo para recibir tu primer sitio WordPress.

Ideas clave

  • Descargar XAMPP desde apachefriends.org e instalar en tu computadora; el proceso es similar en Windows, macOS y Linux pero cada uno tiene pasos específicos del sistema operativo.
  • Verificar instalación exitosa iniciando Apache y MySQL desde el Panel de Control y confirmando que localhost y localhost/phpmyadmin se abren en el navegador.
  • El directorio htdocs (en Windows C:\xampp\htdocs) es donde colocarás tus proyectos WordPress y donde Apache busca archivos para servir.
  • Crear un archivo test.php simple con código PHP para verificar que todo funciona antes de proceder con instalación de WordPress.
  • Si encuentras problemas (Apache no inicia, puertos en uso), típicamente puedes resolverlos cambiando el número de puerto en el Panel de Control de XAMPP.
  • Con XAMPP instalado y funcionando, tienes un entorno de desarrollo completamente operativo para crear y probar sitios WordPress sin riesgo de afectar servidores en producción.
¿Has terminado este apartado? Tu progreso se guarda en este navegador. Regístrate para conservarlo en tu cuenta.