Al desarrollar un sitio web, un diseñador web debe poder ver sus páginas web de la misma manera que lo haría el usuario final. A veces, basta con hacer clic y ver sus archivos HTML en el navegador web, pero si desea probar el contenido dinámico, deberá configurar un servidor web local. Hacer esto es bastante simple y se puede lograr fácilmente en Windows, Mac y Linux. Hay muchos tipos de servidores web disponibles, pero usaremos Apache, ya que es el servidor más común, muy fácil de configurar y compatible con los principales sistemas operativos.
Configurar el servidor web local en Linux
Apache fue diseñado para sistemas operativos similares a Unix. Linux entra en esta categoría y la instalación y configuración del servidor web Apache se puede realizar en un solo paso.
Para un recorrido gráfico, puede seguir este tutorial. Aquí nos ocuparemos de las líneas de comando.
Las distribuciones más populares le permiten instalar Apache sin compilarlo desde la fuente usando un comando simple.
Para la distribución basada en Debian, Ubuntu y Ubuntu:
sudo apt-get install apache2
Para Red Hat y CentOS
sudo yum install httpd
Una vez instalado, en su navegador web, navegue a «127.0.0.1» o «localhost». Si muestra «¡Funciona!» eso significa que su instalación de Apache es exitosa.
Para comprender mejor cómo Apache está sirviendo esta página web en particular, editámosla. Para hacer esto, navegue hasta el directorio web raíz de su máquina local Linux.
cd /var/www
Abra «index.html» como raíz con su editor de texto favorito.
Cambiar «¡Funciona!» a «¡Hola mundo!» y luego presione “Ctrl + O” y luego Enter para guardar.
Ahora actualice la página web en 127.0.0.1. Debería cambiar a «¡Hola mundo!»
Ahora que ha configurado un servidor web simple, puede jugar con los ajustes de configuración en «apache2.conf».
sudo nano /etc/apache2/apache2.conf
Nota: Tenga en cuenta que cada vez que realice un cambio de configuración, deberá reiniciar Apache para que se aplique.
sudo service apache2 restart
Si esto no funciona, puede reiniciarlo ejecutando directamente el archivo upstart.
sudo /etc/init.d/apache2 restart
Configurar el servidor web local en Mac OS X
Lo bueno de Mac OS X es que Apache está instalado por defecto. Todo lo que necesitas hacer es encenderlo.
En Finder, vaya a «Aplicaciones -> Utilidades».
Luego haga doble clic en Terminal para abrirlo.
Para encender su servidor web Apache ya preinstalado, ejecute el siguiente comando:
sudo apachectl start
Para probar que nuestro servidor web se está ejecutando, navegue hasta «127.0.0.1» o «localhost» en su navegador web.
Podemos cambiar el contenido de la página web simplemente navegando a la raíz del documento de la misma manera que lo hicimos en Linux. Lo único diferente es la ubicación de la ruta.
cd /Library/WebServer/Documents/
Ahora edite el archivo «index.html.en» usando su editor de texto favorito. Cambiar «¡Funciona!» a «¡Hola mundo!»
sudo nano index.html.en
Si actualizamos nuestra página web alojada en 127.0.0.1, ahora veremos los cambios reflejados.
Para configurar aún más el servidor web Apache en MacOS, navegue hasta el archivo “httpd.conf”.
sudo nano /etc/apache2/httpd.conf
Como Linux, puede reiniciar fácilmente el servicio Apache usando el apachectl comando con privilegios de root.
sudo apachectl restart
Nota: Puede consultar este tutorial para instalar el paquete MAMP completo.
Configurar el servidor web local en Windows
A diferencia de Linux y Mac OS X, Windows no está basado en Unix, por lo que no hay una sola línea para instalarlo. Afortunadamente, hay varios asistentes de instalación que combinan cosas como Apache, MySQL y PHP para hacernos la vida más fácil. Uno de ellos es XAMPP.
Nota: XAMPP también está disponible para Linux y Mac OS X.
Descargue la versión de Windows de XAMPP y comience la instalación. Ejecute el instalador cuando se le solicite. Puede seleccionar solo Apache si todo lo que necesita es un servidor web. Sin embargo, si planea utilizar una base de datos, es posible que también desee seleccionar MySQL.
Continúe con la instalación y haga clic en «Finalizar» cuando termine. De forma predeterminada, se iniciará el panel de control XAMPP.
Haga clic en «Inicio» para Apache y MySQL si es necesario.
Si navega a «127.0.0.1» o «localhost» en su navegador web, debería ver la página de configuración de XAMPP.
Para crear una nueva página web, el procedimiento es el mismo. Abra el bloc de notas y cree un archivo HTML de muestra. Nómbrelo «hola.html».
Guárdelo en la raíz del documento ubicada en c:xampphtdocs.
Ahora navegue hasta él usando su navegador web yendo a «127.0.0.1/hello.html».
Conclusión
Apache es una excelente solución para crear sitios web simples y complejos, pero no es la única opción. Si bien Apache se integra bien en las tres plataformas, es posible que desee ver IIS como una opción para Windows, ya que admite muchas funciones de autenticación de Windows que Apache no admite. Sin embargo, para simplemente probar la funcionalidad básica de un sitio web, Apache es perfecto.