Servicios en red

2º ASIR
2º Evaluación
SER 07/01/2020

Protocolo HTTP y Mensajes HTTP

Accede a “google.es”. Veras que se realizan muchas peticiones dentro del

dominio de Google.es y en otros dominios. Familiarízate con la información
que aporta la herramienta, y responde a las siguientes preguntas:

a. ¿Cuánto tiempo ha tardado en cargarse la página? 750ms

b. ¿Cuántos KB se han transferido? ¿Cuál es el tamaño de la página

completa? Total es 1,3MB y hemos transferido 69KB

c. ¿Fue bien la petición de cada recurso o ha habido errores? No ha habido

errores

d. ¿Qué tipo de mensaje has realizado? Y las respuestas, ¿de qué tipo de
mensaje son? Los tipos de mensajes son GET y POST

e. ¿De qué tipo de datos son las respuestas? ¿Por qué no va todo en una
misma respuesta? Pueden ser js o html y dentro de estos puede haber
(imagenes, scripts, beacons …) No van todos juntos ya que

Israel Molero Aguiar

2
SER 07/01/2020

Si seleccionas una petición concreta, aparece más información sobre la

misma. Selecciona la primera “/” que se refiere justo a la petición que has
hecho, y que ha desencadenado el resto de peticiones. Justifica las siguientes
respuestas con capturas de pantalla.

a. ¿A qué IP se ha realizado la solicitud?

b. ¿Qué versión de HTTP se ha utilizado? Analiza las cabeceras de la

respuesta y de la petición, ¿en algún sitio se indica la versión HTTP a
utilizar? Entonces, ¿por qué se ha usado esa versión de HTTP?

Aquí podemos observar cual es la dirección remota y la versión de HTML.

Israel Molero Aguiar

3
SER 07/01/2020

c. Analiza las cabeceras e identifica qué significa cada una de ellas.

Tenemos las
cabeceras como
control de cache
(cache-control), el
tamaño del contenido
(content-type), la
fecha (date), servidor
(server), el set de
cookies (set-cookie)
esto en la respuesta.

En la petición
tenemos cabeceras
como host, cookie,
también tenemos
cache-control,
conexión
(connection).

Israel Molero Aguiar

4
SER 07/01/2020

d. Compara esta petición con otra cacheada. ¿Cómo se ha indicado que

utilice caché o no?

Mediante esta cabecera sabremos la última versión que tenemos así en caso
de ser modificado nos la enviaran modificada y sino la tendremos como
caché.

e. Observa los tiempos de ejecución y comprueba como HTTP/2.0 utiliza la

misma conexión TCP

Estos son los tiempos de ejecución, y como podemos observar solo usa una
conexión ya que se envían los datos uno por uno.

Israel Molero Aguiar

5
SER 07/01/2020

Sobre la búsqueda de Google, si escribes un carácter más, aparecerán

sugerencias. Localiza la petición que se ha realizado para esa nueva
petición.

a. ¿De qué tipo es?

Es del tipo Json

b. ¿Qué nombre tiene el parámetro que utiliza Google para dar estas
sugerencias?

Como podemos observar usa el parámetro “q” para nombrar a estas

sugerencias

c. Localiza la respuesta. ¿Aparece toda la página que has pedido? ¿Qué

aparece? ¿Con qué lenguaje está escrito? ¿Qué tecnología ha utilizado
Google para esta funcionalidad? Localiza también cada una de las
sugerencias que aporta Google dentro de la respuesta.

Como podemos observar en la imagen tenemos la respuesta, y en este caso

no tenemos toda la página, sino que aparece una serie de valores para
modificar el html sin tener que recargar toda la página, esta escrito en
lenguaje JavaScript y la tecnología usada es AJAX

Israel Molero Aguiar

6
SER 07/01/2020

d. Localiza una imagen, observa cómo no muestra el contenido de la imagen

(en bits), sino que ves la imagen directamente.

Como podemos observar en la captura, nos aparece la imagen directamente.

Israel Molero Aguiar

7
SER 07/01/2020

e. Aprovecha para mirar y familiarizarte con la seguridad utilizada en la

petición

Aquí podemos observar las huellas digitales, el protocolo y su versión,

además de muchos más datos sobre la seguridad en esta página web.

Israel Molero Aguiar

8
SER 07/01/2020

Abre ahora “educamadrid.org”.

a. ¿Qué versión de HTTP está usando? ¿Cómo podrías comprobarlo si no se

mostrase explícitamente en la herramienta de Firefox?

Estamos usando la versión HTTP/1.1

Podríamos observarlo en la primera línea del mensaje HTTP, ya que aquí es

donde pondrá la versión de HTTP.

b. ¿Qué recurso es el que realmente estás viendo? ¿Por qué has llegado a ver
ese recurso si tú has solicitado otro? ¿Cómo ha sabido el navegador qué
recurso es el que debería mostrar?

Como podemos observar las dos primeras peticiones en realidad no llevan

el html, sino que como podemos observar tiene la localización de la página
web en la que realmente estamos navegando.

Israel Molero Aguiar

9
SER 07/01/2020

Existen muchas más herramientas para el desarrollador web, que, a veces,

son utilizadas por usuarios avanzados. Por ejemplo, a través del inspector
podemos editar la página web. Prueba, por ejemplo, en educamadrid.org, a
eliminar el enlace de acceso. Después recarga la página a ver si has
conseguido eliminarla del servidor para todas las peticiones

Iremos al inspector de la página web, y en este, iremos al div

correspondiente a la barra del menú, dentro de este div buscaremos una
lista de parámetros, dentro de este se encontrará el que buscamos de login,
editaremos el html y lo borraremos como podemos observar en la imagen.

Israel Molero Aguiar

10
SER 07/01/2020

Y como podemos observar habremos eliminado el de acceso, pero al volver

a recargar la página en el servidor no se habrá modificado esto y lo veremos
como antes de quitarlo.

Israel Molero Aguiar

11