[Introducción a PHP] ¡Guía Completa para Descargar e Instalar XAMPP!
"Copié y pegué un código PHP, pero al abrirlo en el navegador, el código se muestra tal cual..."
"¡No funciona al hacer doble clic como un archivo HTML! ¿Por qué?"
Al empezar a aprender PHP, el primer gran muro con el que todos se topan es la "preparación del entorno de desarrollo". A diferencia de HTML y CSS, PHP necesita un entorno especial llamado "servidor" para poder ejecutarse en tu PC.
Pero no te preocupes. Este es un muro que cualquiera puede superar fácilmente si conoce los pasos correctos. En este artículo, explicaremos de manera detallada y más clara que en ningún otro lugar, todos los pasos desde la descarga e instalación del entorno de desarrollo todo en uno y gratuito "XAMPP", hasta la ejecución de tu primer programa en PHP.
Cuando termines de leer este artículo, habrás transformado tu PC en un servidor de desarrollo web, ¡dándote el mejor comienzo posible para crear sitios web dinámicos con PHP!
1. ¿Qué es XAMPP y por qué lo necesitas?
Antes de entrar en materia, entendamos brevemente qué es XAMPP.
En pocas palabras, XAMPP es "un paquete que instala fácilmente todo el software necesario para ejecutar PHP". Originalmente, para ejecutar PHP, era necesario instalar por separado el software del servidor web (Apache), el software de la base de datos (MariaDB), etc., lo que era una tarea muy difícil para los principiantes. XAMPP se encarga de todo este trabajo tedioso por ti.
Si comparamos la creación de sitios web con la cocina, XAMPP sería como una "cocina integral equipada con estufa, encimera, fregadero y refrigerador". Con esto, solo necesitas preparar los ingredientes (tu código PHP) y puedes empezar a cocinar (crear tu sitio web) de inmediato.
2. Pasos para Descargar XAMPP
Ahora, vamos a conseguir el instalador de XAMPP.
-
Acceder al sitio web oficial
Primero, visita el sitio web oficial de XAMPP, "Apache Friends". Podrían existir sitios falsos, así que asegúrate de descargar siempre desde el sitio oficial.
https://www.apachefriends.org/es/index.html -
Elegir la versión para tu sistema operativo
Al acceder al sitio, verás botones de descarga para Windows, Linux y OS X (Mac). Haz clic en el que corresponda a tu PC.
Aquí, la versión de PHP es importante. Si no tienes una razón específica, no hay problema en elegir la última versión estable que aparece en la parte superior (ej: 8.2.x).
(Aquí iría una captura de pantalla de los botones de descarga para Windows, indicando la última versión de PHP) -
Esperar a que se complete la descarga
Al hacer clic en el botón de descarga, el instalador (un archivo `.exe` en el caso de Windows) comenzará a descargarse automáticamente. El tamaño del archivo es relativamente grande (alrededor de 150MB), así que espera un poco a que termine.
3. Pasos para Instalar XAMPP (Versión de Windows)
Una vez completada la descarga, es el momento de la instalación. Aparecerán varias pantallas de confirmación, pero no hay nada que temer si avanzas entendiendo el significado de cada una. Aquí explicaremos el proceso usando la versión de Windows como ejemplo.
-
Ejecutar el instalador
Haz doble clic en el archivo descargado (ej: `xampp-windows-x64-8.2.12-0-VS16-installer.exe`) para iniciar el instalador. -
Pantalla de advertencia (UAC)
Al principio puede aparecer una pantalla de advertencia. El contenido es algo como "Important! Because an activated User Account Control (UAC) on your system...", que básicamente significa "Como el UAC está activado, algunas funciones podrían estar restringidas, así que evita instalar en `C:\Program Files`". No hay problema en hacer clic en "OK" y continuar.
(Aquí iría una captura de pantalla del diálogo de advertencia de UAC) -
Inicio del asistente de configuración
Cuando aparezca la ventana "Setup", haz clic en "Next >" para continuar. -
Selección de componentes
Esta es la pantalla para seleccionar el software a instalar. Hay muchas opciones, pero si eres principiante y no estás seguro, está bien dejarlo tal y como viene por defecto. Como mínimo, asegúrate de que "Apache", "PHP" y "MySQL" estén marcados y haz clic en "Next >".
(Aquí iría una captura de pantalla de la selección de componentes) -
Selección de la carpeta de instalación
Decide dónde instalar XAMPP. Si no hay una razón especial, se recomienda encarecidamente dejar la ruta por defecto, "`C:\xampp`". Esto ayuda a evitar los problemas relacionados con la advertencia de UAC anterior. Haz clic en "Next >". -
Selección del idioma
Actualmente solo se puede elegir entre English y Deutsch (alemán). Selecciona "English" y haz clic en "Next >". -
Inicio de la instalación
Cuando aparezca "Ready to Install", es la confirmación final antes de instalar. Haz clic en "Next >" para que comience la instalación. -
Alerta importante de seguridad de Windows
Durante la instalación, es posible que aparezca una advertencia del Firewall de Windows Defender indicando que ha bloqueado "Apache HTTP Server". Esta es una confirmación para permitir el acceso desde redes externas. Aunque solo lo uses para desarrollo local, haz clic en "Permitir acceso" para que Apache funcione correctamente.
(Aquí iría una captura de pantalla de la alerta del firewall) -
Instalación completada
Cuando aparezca "Completing the XAMPP Setup Wizard", ¡la instalación ha finalizado! Desmarca por ahora la casilla "Do you want to start the Control Panel now?" y haz clic en "Finish" para cerrar la ventana.
4. Cómo Usar XAMPP: Iniciar el Servidor y Ejecutar PHP
¡Buen trabajo! Tu "cocina" ya está instalada en tu PC. Por último, encendamos el fuego (iniciemos el servidor) y ejecutemos nuestro primer programa PHP.
-
Iniciar el Panel de Control de XAMPP
Ve a la carpeta donde instalaste XAMPP (ej: `C:\xampp`) y haz doble clic en `xampp-control.exe` para iniciarlo. Lo usarás a menudo, así que es conveniente crear un acceso directo en el escritorio. -
Iniciar Apache
Cuando aparezca el Panel de Control, busca "Apache" en la lista de "Module" y haz clic en el botón "Start" a la derecha de esa fila.
(Aquí iría una captura de pantalla del Panel de Control de XAMPP, señalando el botón Start de Apache)
Si tiene éxito, el fondo de "Apache" se volverá verde y en la columna "Port(s)" aparecerán números como "80, 443". ¡Tu servidor web ya está en marcha!
※ Si no se inicia por un error, la causa más común es que otra aplicación (como Skype) esté usando el puerto 80. Intenta cerrar la aplicación en conflicto y vuelve a hacer clic en "Start". -
Verificar la carpeta `htdocs`
A continuación, busca la carpeta llamada "`htdocs`" dentro de la carpeta de instalación de XAMPP (`C:\xampp`). Esta carpeta es el directorio raíz de tu servidor local, es decir, el nivel más alto de tu sitio web. Los archivos que coloques aquí serán accesibles desde el navegador. -
Crear un archivo PHP de prueba
Dentro de la carpeta `htdocs`, crea un nuevo archivo de texto y escribe la siguiente línea de código.Guarda el archivo con el nombre "`info.php`". `phpinfo()` es una función muy útil que muestra toda la información de configuración actual de PHP.<?php phpinfo(); ?> -
¡Acceder desde el navegador!
Esta es la comprobación final. Abre tu navegador web (como Chrome) y escribe lo siguiente en la barra de direcciones, luego presiona Enter.
Si aparece una página con el logo de PHP y una larga lista de información de configuración, ¡has tenido éxito!http://localhost/info.php
(Aquí iría una captura de pantalla de la página de phpinfo() exitosa)
Resumen
¡Excelente trabajo! Ahora estás en la línea de partida para programar en PHP. En este artículo, has logrado lo siguiente:
- Entender que PHP necesita un entorno de servidor para funcionar.
- Descargar e instalar XAMPP para construir un entorno de desarrollo local en tu PC.
- Iniciar y detener el servidor Apache desde el Panel de Control de XAMPP.
- Aprender a mostrar un archivo PHP ubicado en la carpeta `htdocs` a través de `http://localhost/` en el navegador.
Con este entorno, ahora puedes ejecutar y experimentar con cualquier código PHP que aprendas de aquí en adelante. Esta sensación de "poder ejecutarlo tú mismo" es lo más importante en el aprendizaje de la programación.
¡Ahora que todo está listo, en el próximo artículo entraremos de lleno en el aprendizaje de la sintaxis de PHP!