Saltar al contenido

07-XAMPP

Introducción:

XAMPP es un paquete de software libre y de código abierto que facilita la creación de un entorno de desarrollo local para sitios web dinámicos. En este tutorial, aprenderás cómo instalar, configurar y utilizar XAMPP para crear y probar tus sitios web en tu propio ordenador.

Paso 1: Descarga e Instalación de XAMPP:

Ve al sitio web oficial de XAMPP en https://www.apachefriends.org/es/index.html.
Selecciona la versión de XAMPP adecuada para tu sistema operativo (Windows, macOS, Linux) y haz clic en el botón de descarga.

XAMPP

Una vez que se complete la descarga, ejecuta el archivo de instalación y sigue las instrucciones del asistente de instalación.
Durante la instalación, se te pedirá que elijas los componentes que deseas instalar. Por lo general, los componentes básicos como Apache, MySQL y PHP ya están seleccionados por defecto. Puedes dejar las opciones predeterminadas o personalizarlas según tus necesidades.

XAMPP2
XAMPP3
XAMPP4
XAMPP5
XAMPP6
XAMPP7
XAMPP9

Una vez completada la instalación, abre XAMPP desde el menú de inicio (en Windows) o desde la carpeta de aplicaciones (en macOS y Linux).

Nota Importante: En el caso de MS Windows 10, en mi caso, si aparece esta alerta de seguridad confirmamos «Permitir acceso».

XAMPP8

Paso 2: Iniciar los Servidores:

En la ventana principal de XAMPP, verás una lista de los servidores disponibles, como Apache, MySQL, PHP, etc.

XAMPP Control Panel

Haz clic en los botones «Start» junto a Apache y MySQL para iniciar los servidores. Si todo va bien, los botones cambiarán a «Stop» y los servidores estarán en funcionamiento.

XAMPP Control Panel 2

Nota Importante: En el caso de MS Windows 10, en mi caso, si aparece esta alerta de seguridad confirmamos «Permitir acceso».

XAMPP11

Paso 3: Acceder al Panel de Control de XAMPP:

Abre tu navegador web y escribe la siguiente dirección en la barra de direcciones: http://localhost:80.
Esto abrirá el panel de control de XAMPP, donde puedes administrar tus servidores y acceder a herramientas como phpMyAdmin para gestionar tus bases de datos MySQL.

XAMPP LocalHost

Paso 4: Crear un Nuevo Sitio Web:

Abre el explorador de archivos de tu sistema operativo y navega hasta la carpeta htdocs dentro de la carpeta de instalación de XAMPP.
Crea una nueva carpeta para tu sitio web dentro de htdocs. Por ejemplo, puedes llamarla mi-sitio.
Coloca los archivos de tu sitio web dentro de esta carpeta. Puedes crear archivos HTML, CSS, JavaScript, PHP, etc.

Paso 5: Acceder a tu Sitio Web Localmente:

Abre tu navegador web y escribe la siguiente dirección en la barra de direcciones: http://localhost/mi-sitio (reemplaza mi-sitio con el nombre de la carpeta de tu sitio web).
Esto cargará tu sitio web localmente en tu navegador. Puedes interactuar con él y realizar pruebas como si estuviera en un servidor remoto.

Paso 6: Detener los Servidores:

Una vez que hayas terminado de trabajar en tu sitio web, puedes detener los servidores de XAMPP.
Regresa a la ventana principal de XAMPP y haz clic en los botones «Stop» junto a Apache y MySQL para detener los servidores.

Conclusión:

¡Felicidades! Ahora sabes cómo instalar, configurar y utilizar XAMPP para crear y probar sitios web localmente en tu propio ordenador. XAMPP es una herramienta poderosa que te permite desarrollar tus proyectos web de forma rápida y eficiente sin necesidad de una conexión a Internet.

No te olvides de compartir en...