Funcionamiento de la web

https://faun.pub/what-happens-when-you-visit-a-webpage-how-the-web-works-d42ce00e9651

Para ser desarrollador web, o mejor dicho antes de empezar a aprender desarrollo web (back-end específicamente), debes entender la Web, cómo funciona y cuáles son sus componentes. Entonces, en este artículo, intentaré que comprenda los conceptos básicos de la Web y cómo funciona.

Componentes de la Web

Bueno, hay dos cosas que debes entender:

1. Cliente (por ejemplo, navegador)

2. Servidor

Bueno, el cliente (que es un navegador la mayor parte del tiempo), es lo que solicita un sitio web o algunos datos del servidor, y un servidor es un sistema remoto (computadora conectada a Internet todo el tiempo) que escucha estas solicitudes. y devuelve una respuesta válida al cliente. Todo este ciclo se conoce como ciclo Solicitud-respuesta o arquitectura Cliente-servidor.

Déjame ponerte un ejemplo para que lo entiendas mejor. Cuando entro en www.google.com en mi Internet Explorer (es broma), entonces mi sistema o mi Internet Explorer es un cliente y Google tiene un montón de servidores (nuevamente, solo sistemas conectados a Internet todo el tiempo), que están esperando y escuchar dichas solicitudes y luego validar o hacer cualquier cálculo si es necesario, puede verificar su base de datos y enviar una respuesta, que generalmente es un documento HTML y ese documento se analiza y se muestra en mi pantalla.

Ahora, todo esto está sucediendo, pero lo que acabo de contar es una vista de alto nivel. Vamos a sumergirnos en algunos detalles más.

BÚSQUEDA DE DNS

Bueno, esto es lo primero que sucede después de ingresar un dominio o una URL y presionar enter. Para nosotros, los humanos, recordar un dominio como www.google.com es mucho más fácil que recordar la IP pública de un servidor: 216.58.211.206:443 porque no tiene sentido para nosotros, pero www.google.com no tiene sentido para el Web, por lo que primero se realiza una búsqueda de dominio y se encuentra la IP pública del servidor que está asociado con ese dominio.

Conexión de enchufe TCP/IP

Una vez que el navegador tiene la IP del servidor después de la búsqueda de DNS , crea una conexión de socket TCP/IP entre el cliente y el servidor. Y con la ayuda de esta conexión, se hace posible la comunicación entre el cliente y el servidor.

Solicitud HTTP

Una vez que se establece la conexión de socket TCP/IP , la solicitud HTTP se envía desde el cliente al servidor. En la imagen de arriba, puede ver cómo se ve un objeto de solicitud, tiene una línea de inicio que especifica el método HTTP (lo que significa qué tipo de solicitud HTTP es esta, más sobre esto más adelante), destino de la solicitud, versión HTTP, tiene algunos encabezados HTTP también contienen información sobre la solicitud, y también tenemos un cuerpo de solicitud para ingresar datos, en caso de que la solicitud HTTP sea del tipo POST, PUT, PATCH. Los métodos HTTP también se explican al final del artículo.

Respuesta HTTP

Ahora el servidor recibe la solicitud y realiza los cálculos y validaciones necesarios y, una vez hecho, envía una respuesta válida. El objeto de respuesta se parece bastante al objeto de solicitud que nuestro navegador envió al servidor.

Ahora, esta respuesta puede ser cualquier cosa, puede ser algunos datos JSON, o puede ser un código HTML y, si es un código HTML, entonces, como sabemos, nuestro navegador entiende HTML, CSS, por lo que analiza el código y solicita todos los archivos vinculados del servidor (repite el mismo proceso para cada archivo) y la página web se representa frente a nuestros ojos.

Una vez terminado este ciclo de solicitud-respuesta, la conexión del socket TCP/IP se cierra.

Así que esta fue una breve explicación sobre "¿Cómo funciona la web?", Espero que hayan entendido el concepto, y si algo no les queda claro o tienen confusión, no duden en dejar un comentario e intentaré responder lo antes posible. tan pronto como sea posible.

Métodos HTTP

Bueno, una solicitud HTTP puede ser de diferentes tipos, por ejemplo, desea obtener algunos datos de un servidor para que la solicitud HTTP sea del tipo o método GET . Si desea enviar algunos datos y crear una nueva entrada de datos, su solicitud HTTP será del tipo o método POST . Y así, hay diferentes tipos de solicitudes HTTP para diferentes tipos de casos de uso.

Algunas de las imágenes utilizadas en este artículo se tomaron de las conferencias teóricas de un curso de Udemy sobre el desarrollo de Node JS. Compré el curso, esa es la razón por la que tengo acceso a ellos, pero no soy dueño de ellos de ninguna manera. El enlace del curso se proporciona a continuación, compruébelo si lo desea, es bastante bueno y este es el curso que tomé para comenzar mi viaje de desarrollo de back-end.

Node.js, Express, MongoDB y más: Bootcamp completo 2021 | Udemy

Si todavía estás leyendo, considera dejar un me gusta o un aplauso en cualquier medio, me ayuda a motivarme a escribir más artículos. Así que gracias por leer y espero que este artículo te ayude a convertirte en un mejor desarrollador, hasta la próxima.