Saltar al contenido

Cómo ejecutar un archivo html en localhost (cualquier puerto)

Te traemos el resultado a esta duda, al menos eso esperamos. Si sigues con alguna interrogante coméntalo, que sin dudar

Solución:

IIRC macOS viene con PHP preinstalado, y PHP tiene un servidor web incorporado que debería ser suficiente para servir static contenido.

Entonces, abre Terminal.app y luego:

cd your/project/dir
php -S localhost:8080

Después de eso, puede navegar a http://localhost:8080/ y ver su sitio en el navegador (dado que tiene index.html en su proyecto, de lo contrario habrá un mensaje “No encontrado”).

Hay formas más avanzadas y/o menos orientadas a la terminal, por supuesto, pero dado que ya está jugando con python y node, otro comando de terminal no debería ser un problema.

Por cierto, es posible que desee mirar esa ventana de terminal de vez en cuando, ya que genera un buen registro de las cosas que se solicitaron del servidor. Es bueno si desea verificar referencias no válidas, errores 404, etc. Aquí hay una salida de muestra:

$ php -S localhost:8080
PHP 7.3.6 Development Server started at Sat Jun 22 20:00:28 2019
Listening on http://localhost:8080
Document root is /private/tmp/test
Press Ctrl-C to quit.
[Sat Jun 22 20:00:32 2019] [::1]:51640 [200]: /
[Sat Jun 22 20:00:32 2019] [::1]:51641 [200]: /style.css
[Sat Jun 22 20:02:35 2019] [::1]:51670 [404]: /oops.html - No such file or directory

Como puede ver, la carpeta raíz (/que se tradujo a index.html en mi caso) y una hoja de estilo (style.css) fueron solicitados y entregados con éxito (el código es 200). Pero archivo inexistente. oops.html dio como resultado un error (el código es 404).

Puedes usar carrito

Instalar: brew install caddy

Servir static archivos del directorio de trabajo actual, ejecute:

caddy

El puerto predeterminado de Caddy es 2015, así que abra su navegador en http://localhost:2015.

Reseñas y puntuaciones del post

Si te animas, tienes la habilidad dejar un escrito acerca de qué te ha gustado de este tutorial.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *