Web development para beginners: qué es el Localhost

Cualquier aspirante a desarrollador web debe conocer el significado de Localhost. Si recién estás comenzando con el web development, a menudo te encontrarás con el "número" 127.0.0.1 mientras usabas un plug-in del server live. A menudo podrás verlo mientras pruebas sitios web localmente sin saber qué es. Bueno, 127.0.0.1 es localhost y "localhost" es 127.0.0.1.

En concreto, veremos qué es el localhost y su dirección IP relativa.

¿Qué es Localhost?

En la red informática, host significa un "servidor". Como desarrollador de sitios web, es posible que hayas puesto un sitio en Internet alojándolo en un servidor, en este caso, tu PC puede convertirse en el servidor. Esta conexión se llama loopback. La dirección IP para ese loopback es la mencionada anteriormente, 127.0.0.1.

En el mundo del desarrollo web existen muchos servicios de hosting como Heroku, Hostinger, Netlify y muchos otros. Estos son lo que técnicamente son "hosts remotos" o servidores virtuales.

Si has lanzado un sitio web en tu ordenador para probarlo sin conectarte a Internet, has interactuado con el localhost.

Por lo tanto, por definición, localhost es el ordenador o el nombre host que se solicita a sí mismo. En este caso, el ordenador también es el servidor virtual.

¿Qué es una dirección IP (127.0.0.1)?

Para navegar por un sitio web, debe escribir la URL del sitio en la barra de direcciones del navegador, por ejemplo https://aulab.es/. (Debes conocer esta información incluso si no eres un desarrollador web, ¡venga!)

El Domain Name Server (DNS) asocia la dirección ingresada con una dirección IP numérica correspondiente a ese nombre. En el caso de Aulab, la dirección IP es 108.129.23.147.

Localhost no es una excepción. Entonces, si escribes localhost en la barra de direcciones de tu navegador, se convierte en la dirección IP 127.0.0.1.

Esta dirección IP 127.0.0.1 está reservada para servidores locales en ordenadores, por lo que nunca encontrarás otra IP que comience con 127.

Poniéndonos técnicos, localhost es un protocolo, al igual que HTTP o HTTPS. Recuerda que el nombre de dominio de un sitio web es lo que sigue a HTTP o HTTPS, por ejemplo https://www.google.com/ y https://www.aulab.es/.

Entonces, algo debe seguir a las palabras localhost: y 127.0.0.1:... y es el número de puerto.

Este número de puerto es variable y puedes establecerlo tú mismo. Si estableces const port = 4000 en el código del sitio web; en la barra de direcciones del navegador, deberás escribir localhost:4000 o 127.0.0.1:4000 y serás redirigido a la misma página.

Si en tu carrera como programador informático has utilizado Visual Studio Code (muy versátil también para desarrollo web) sabrás que, con la extensión live server, el IDE utiliza de forma autónoma el puerto 5500 con la dirección IP 127.0.0.1.

Los desarrolladores web futuros o aspirantes deben memorizar bien estas nociones simples porque serán el pan de cada día de sus sesiones de coding y desarrollo de sitios web.

Si quieres saber más sobre desarrollo web, echa un vistazo a nuestros cursos para convertirte en desarrollador web.