Cómo configurar un servidor web local (Windows, Mac, Linux)

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.

ubuntu-search-terminal

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:

Para Red Hat y CentOS

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.

ubuntu-firefox-localhost-apache2-it-works

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.

Abra «index.html» como raíz con su editor de texto favorito.

ubuntu-nano-open-index.html

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!»

ubuntu-firefox-localhost-apache2-hello-world

Ahora que ha configurado un servidor web simple, puede jugar con los ajustes de configuración en «apache2.conf».

Nota: Tenga en cuenta que cada vez que realice un cambio de configuración, deberá reiniciar Apache para que se aplique.

Si esto no funciona, puede reiniciarlo ejecutando directamente el archivo upstart.

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».

mac-finder-navigate-utilities

Luego haga doble clic en Terminal para abrirlo.

mac-finder-open-terminal

Para encender su servidor web Apache ya preinstalado, ejecute el siguiente comando:

Para probar que nuestro servidor web se está ejecutando, navegue hasta «127.0.0.1» o «localhost» en su navegador web.

mac-chrome-localhost-apache2-it-works

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.

Ahora edite el archivo «index.html.en» usando su editor de texto favorito. Cambiar «¡Funciona!» a «¡Hola mundo!»

mac-nano-open-index.html

Si actualizamos nuestra página web alojada en 127.0.0.1, ahora veremos los cambios reflejados.

mac-chrome-localhost-apache2-hello-world

Para configurar aún más el servidor web Apache en MacOS, navegue hasta el archivo “httpd.conf”.

Como Linux, puede reiniciar fácilmente el servicio Apache usando el apachectl comando con privilegios de root.

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.

windows-xampp-instalador

Continúe con la instalación y haga clic en «Finalizar» cuando termine. De forma predeterminada, se iniciará el panel de control XAMPP.

windows-xampp-config-panel

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.

windows-xampp-configuración-página-web

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».

windows-notepad-hello.html

Guárdelo en la raíz del documento ubicada en c:xampphtdocs.

windows-notepad-save-hello.html

Ahora navegue hasta él usando su navegador web yendo a «127.0.0.1/hello.html».

windows-xampp-webpage-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.

Categorías Mac, PC

Deja un comentario