¿Te resulta más fácil leer con fondo crema, un tono de color, más contraste o un texto más grande? Elige tus colores y tu texto una sola vez, para todas las páginas.

Lección gratuita

Cómo funciona una página web

Después de esta lección: Puedo seguir una página desde la petición hasta la respuesta.

Lección de 45 min3 comandosLaboratorio de refuerzo de un servidor web: corrige una configuración débil de nginx y compruébala con curl

Qué pasa entre tu clic y la página

El protocolo HTTP es la conversación que tiene tu navegador con un servidor web para traer una página. Saber leerla te ayuda a entender por qué una página tarda, falla o no aparece.

Piensa en pedir un bocadillo en una cafetería. Tú pides y la cafetería responde. En la web pasa lo mismo, pero en milisegundos.

Al final de esta lección

Nota

Puedo seguir una página desde la petición hasta la respuesta.

Palabras clave

PalabraQué significaEjemplo
Navegadorel programa que pide páginas y las dibujaFirefox
Servidor webel equipo que guarda las páginas y las envía
Peticiónel mensaje con el que el navegador pide algo
Respuestael mensaje con el que el servidor contesta
Código de estadoel número que dice cómo ha ido la petición404

Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.

El navegador pide y el servidor contesta

Cada página empieza con una petición. El navegador escribe un método, la ruta que quiere y el nombre del servidor.

El método más común es GET, que significa "dame esto". El servidor busca la ruta y devuelve una respuesta.

Las partes de una petición

PartePara qué sirveEjemplo
MétodoDice qué quieres hacerGET
RutaDice qué quieres/files/precios.csv
HostDice a qué servidor hablasweb

Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.

Pide la portada y lee su primera línea

Comando
curl -sI http://web/ | head -n 1

Se muestra aquí y no se ejecuta. Crea una cuenta gratuita para pulsar Ejecutar y escribirlo en el terminal de tu propio laboratorio.

Un número resume cómo ha ido

La primera línea de la respuesta lleva un código de estado, de tres cifras. La primera cifra es la familia.

Un 2 es éxito. Un 3 es "está en otro sitio". Un 4 es que tu petición tiene un problema. Un 5 es que el problema es del servidor.

Ejemplo resuelto: los códigos más habituales

CódigoNombreQué quiere decir
200OKTodo bien, aquí está la página
301Moved PermanentlyLa página se ha mudado, sigue la nueva dirección
404Not FoundNo existe nada en esa ruta
500Internal Server ErrorEl servidor ha fallado al preparar la respuesta

Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.

Pide una ruta que no existe

Comando
curl -s -o /dev/null -w '%{http_code}\n' http://web/no-existe

Se muestra aquí y no se ejecuta. Crea una cuenta gratuita para pulsar Ejecutar y escribirlo en el terminal de tu propio laboratorio.

Un error frecuente

Advertencia

Mucha gente cree que un 404 significa que el servidor está roto. No es así. Un 404 quiere decir que el servidor funciona y no encuentra esa ruta. Un servidor roto da un código 5.

La respuesta lleva cabeceras y cuerpo

Después del código vienen las cabeceras. Son líneas con datos sobre la respuesta, como el tipo de contenido o el programa del servidor.

Al final va el cuerpo. Es lo que el navegador dibuja, por ejemplo el código HTML de la página.

Lee el cuerpo de la portada

Comando
curl -s http://web/

Se muestra aquí y no se ejecuta. Crea una cuenta gratuita para pulsar Ejecutar y escribirlo en el terminal de tu propio laboratorio.

Para ir más lejos: 302 y 403

Busca qué significan los códigos 302 y 403. Escribe qué familia es cada uno y un caso real en el que lo verías.

Después añade esas dos familias a tu función kind_of y comprueba que sigue pasando las pruebas.

Sobre este laboratorio y su código: Laboratorio de refuerzo de un servidor web: corrige una configuración débil de nginx y compruébala con curl

¿Enseñas a una clase? Asigna este módulo a tus alumnos con guía del profesor, tareas con corrección automática y un laboratorio para cada alumno.