Comprender HTTP usando navegadores

Para comprender qué es HTTP y cómo funciona, primero debemos comprender cómo funciona el servidor web y las requests van al servidor y cómo responde el servidor a esa solicitud, después de eso podremos comprender qué es HTTP.

http :

HTTP es un protocolo cliente-servidor que significa que cuando cualquier entidad cliente envía una solicitud, entonces el agente de usuario (eso significa el número de proxy en nombre del usuario) o, en general, la mayoría de las veces el agente de usuario puede ser un Navegador web, pero podemos decir que puede ser cualquier cosa (tal vez sea un navegador u otra aplicación que envíe una solicitud a la API), en nuestro caso puede ser un robot que rastrea la web para completar y mantener un índice de motor de búsqueda.

Aquí, cada solicitud individual se enviará a un servidor, que la manejará y proporcionará una respuesta o devolverá la respuesta. Aquí todo el proceso que está sucediendo entre el cliente y el servidor hay numerosas entidades, en conjunto se llamarán proxies, que realizarán diferentes operaciones y actuarán como puertas de enlace o cachés en todo el proceso.

Pasos para entender HTTP usando navegadores:

  • Primero, abra una nueva ventana en Google Chrome en su computadora y navegue a https://www.geeksforgeeks.org/   en el modo de incógnito (para evitar inconsistencias debido al almacenamiento en caché de todo el proceso).
  • Luego, abrirá Chrome Developer Tools o inspeccionará la página, ambas son iguales presionando las teclas Ctrl + Shift + i o Cmd + Shift + i   en la ventana del navegador y luego seleccione la pestaña Red.
  • Ahora presione F5 para Actualizar la página para iniciar la grabación de las actividades de la red desde Chrome y observe las requests HTTP realizadas para cargar el sitio web.
  •  Cuando actualice la página, se eliminarán todos los tipos de actividades anteriores del sitio web y se cargarán nuevas actividades nuevamente.
  • Ahora su turno comienza a verificar cuántas requests HTTP realizó su navegador y luego
  • Verifique cuántos datos se transfirieron a través de la red y cómo el servidor respondió a su solicitud.

Nota –

Ahora notará que cada una de las imágenes, archivos CSS y JavaScript o cualquier otro recurso que se utiliza en el sitio web para realizar una solicitud HTTP requerida, y cada solicitud siempre nos brinda una resonancia equivalente,

Ejemplo de comprensión de HTTP usando navegadores :

Ahora, en esta parte de tareas pendientes de este artículo, usaremos el sitio web geeks for geeks para nuestra actividad con respecto al proceso de solicitud y respuesta HTTP de la siguiente manera. 

  • Ahora busque geeksforgeeks en la nueva pestaña del navegador e ingrese a la página de inicio de geeksforgeeks y luego presione ctrl + shift + i después de esta acción, irá a la parte de inspección del sitio y luego actualizará el sitio después de eso, siga el proceso que se indica a continuación.
  • Ahora desplácese hasta la parte superior de la actividad de la red y haga clic en la primera solicitud realizada para abrir sus detalles. (Busque la entrada en la pestaña Nombre, debería ver www.geeksforgeeks.org con Escriba como documento // Esto es obligatorio).
  • Ahora observará los siguientes detalles para esta solicitud HTTP en la sección «General» que le dará todos los detalles obligatorios.
  • Ahora solicitará la URL – URL del recurso obtenido
  • Método de solicitud denota la acción a realizar. Que es «GET» y se usa para obtener algunos recursos o detalles relacionados con ese documento.
  • El código de estado indica cómo respondió el servidor a la solicitud. Por ejemplo, «200 OK» significa una solicitud exitosa y, como se trata de una solicitud «GET», el servidor habrá devuelto los datos, por ejemplo, el contenido HTML del sitio web.
  • Ahora verifique el valor de «Dirección remota» en la sección «General»: el número de puerto utilizado es 443. ¿Es este un número de puerto especial? ¿Existe alguna relación entre el número de puerto utilizado y la URL de solicitud? ¿Puede considerar un ejemplo en el que hay un icono de candado en la barra de direcciones de su navegador? 
  • Ahora revise algunos encabezados de respuesta y vea si puede averiguar qué significan. Un ejemplo es como Co Content-Type, Server
  • Averigüe la línea de solicitud HTTP enviada por su navegador al servidor GeeksforGeeks (Sugerencia: haga clic en ver fuente junto a Encabezados de solicitud)
  • Ahora vaya a https://www.geeksforgeeks/practice en una nueva pestaña. ¿Cuáles crees que serían los cambios en la línea de solicitud HTTP? Verifique revisando la línea de solicitud enviada para recuperar la nueva página HTML como lo hizo en el paso anterior. 
  • Descubrirá que la línea de solicitud ahora solicitará el recurso en /practice en lugar del recurso en la raíz (/) cuando visitó https://www.geeksforgeeks/. El encabezado de solicitud del host indica de dónde obtener este recurso.

Publicación traducida automáticamente

Artículo escrito por support3 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

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