Cómo crear su propio servidor con XAMPP para programación HTML5 y CSS3 - Dummies

Es mucho más difícil configurar un sistema de servidor que funcione a mano que comenzar a programar HTML5 y CSS3 con él. Las soluciones de alojamiento web a menudo pueden ser intimidantes.

No se recomienda configurar su propio sistema a mano. Simplemente no vale la pena la frustración porque hay muy buenas opciones disponibles.

XAMPP es una herramienta de código abierto absolutamente maravillosa. Tiene los siguientes paquetes integrados:

Apache: El servidor web estándar y la piedra angular del paquete
PHP: Configurado y listo para comenzar con Apache y MySQL
MySQL: También configurado para trabajar con Apache y PHP
phpMyAdmin: Una herramienta de administración de datos que está lista para ejecutarse
Mercury Mail: Un servidor de correo
Servidor FTP de FileZilla: Un servidor FTP
Bibliotecas PHP: Una cantidad de complementos PHP útiles, incluyendo GD (soporte de gráficos), Ming (soporte de Flash), y más
Idiomas adicionales: Perl, otro lenguaje de scripting y servidor extremadamente popular, y SQLite, otro paquete de base de datos útil
Herramientas de control y configuración: Un Panel de control que le permite convertir fácilmente varios componentes encendido y apagado

Esta lista es una descripción de la versión de Windows. Las versiones de Mac y Linux tienen todos los mismos tipos de software, pero los paquetes específicos varían.

Considerando la increíble cantidad de energía en este sistema, la descarga es notablemente pequeña. El instalador solo tiene 34 MB.

La instalación de XAMPP es sencilla: simplemente descargue el instalador y responda a todos los valores predeterminados.

Si usa Windows, es posible que desee cambiar dónde está instalado el paquete porque el directorio de archivos de programa causa problemas a algunos usuarios. Puede instalar XAMPP en la raíz de la unidad C: en las instalaciones de Windows. El directorio predeterminado está bien para Mac y Linux.

Ejecución de XAMPP

Después de instalar XAMPP, puede administrar sus nuevas herramientas con el Panel de control de XAMPP.

Algunos componentes de XAMPP se ejecutan solo cuando son necesarios. Algunos otros componentes (Apache y MySQL) deben ejecutarse constantemente en segundo plano. Antes de comenzar a trabajar con su servidor, debe asegurarse de que esté encendido.

Puede elegir ejecutar Apache y MySQL como un servicio, lo que significa que el programa siempre se ejecuta en segundo plano. Esta disposición es conveniente, pero reduce ligeramente el rendimiento de su máquina. Puede activar y desactivar tanto Apache como MySQL a medida que lo necesite.

Dejar los programas del servidor abiertos en su máquina constituye un peligro para la seguridad.Asegúrese de tomar las precauciones de seguridad adecuadas.

Pruebe su configuración de XAMPP

Asegúrese de que Apache y MySQL se estén ejecutando, y luego abra su navegador web. Establezca la dirección en // localhost.

Esta página indica que XAMPP está instalado y funcionando. Siéntase libre de experimentar con los diversos elementos en la sección Demos. Aunque aún no sepas lo que hacen, debes saber cuáles son algunas de sus capacidades.

Agregue sus propios archivos

Por supuesto, el objetivo de tener un servidor web es poner sus propios archivos en él. Use su herramienta de administración de archivos para encontrar el directorio XAMPP en su sistema de archivos. Justo debajo del directorio XAMPP está la carpeta htdocs, el directorio web principal. Apache solo sirve archivos que están en este directorio o debajo de él.

Todos los archivos que desea que Apache sirva deben estar en htdocs o en un subdirectorio de este.

Cuando especificó // localhost como la dirección en su navegador, le estaba diciendo al navegador que busque en su máquina local en el directorio principal de htdocs. No especificó un archivo en particular para cargar. Si a Apache no se le da un nombre de archivo y ve el archivo llamado índice. html o índice. php, muestra ese archivo, en su lugar.

Entonces, en el directorio predeterminado de htdocs, el programa se llama inmediatamente. Aunque este programa muestra la página de bienvenida de XAMPP, generalmente no desea que eso suceda.

Cambiar el nombre a o algo similar. Todavía está allí si lo deseas, pero ahora no hay una página de índice, y Apache simplemente te da una lista de archivos y carpetas en el directorio actual.

Normalmente no desea que los usuarios vean este feo índice en un servidor de producción, pero en un entorno de desarrollo puede ver exactamente qué hay en su servidor. Una vez que todo esté listo, puede armar o crear páginas para generar más directorios profesionales.

Generalmente, desea tener subdirectorios para todos sus proyectos principales.

Establecer el nivel de seguridad

Cuando tiene un servidor web y un servidor de datos en ejecución, crea algunos agujeros de seguridad importantes. Debe tomar algunas precauciones para asegurarse de que sea razonablemente seguro:

Trate a su servidor solo como un activo local. No ejecute una instalación doméstica de Apache como servidor de producción. Úselo solo para fines de prueba. Use un host remoto para la implementación real de sus archivos. Está preparado para todos los dolores de cabeza de seguridad.
Ejecuta un firewall. Debe ejecutar, como mínimo, el firewall de Windows que viene con todas las versiones recientes de Windows. También podría considerar un firewall de fuente abierta o comercial. Bloquee el acceso entrante a todos los puertos de manera predeterminada y ábralos solo cuando sea necesario. No hay una necesidad real de permitir el acceso entrante a su servidor web. Solo necesita ejecutarlo en modo localhost.
Ejecute comprobaciones de seguridad básicas. El paquete XAMPP tiene una pantalla de seguridad útil. Haga clic en el enlace de seguridad en la parte inferior de la página para ver algunas utilidades de seguridad fáciles de usar.
Cambiar la contraseña de root de MySQL. Si aún no lo ha hecho, use el enlace de seguridad para cambiar la contraseña de root de MySQL.
Agregue una contraseña de directorio XAMPP. Escriba una contraseña en la mitad inferior del formulario de seguridad para proteger su directorio del acceso no autorizado. Cuando intenta ir al directorio, se le solicita esta contraseña.