Protocolo de transferencia de datos HTTP

[ conceptos básicos ]

El protocolo HTTP define las reglas para intercambiar información entre un cliente y un servidor en Internet.

Cada vez que abrimos un navegador e introducimos la dirección de un sitio web, enviamos una solicitud HTTP al servidor.

El servidor, a su vez, devuelve una respuesta HTTP con el contenido de la página solicitada.

Solicitud HTTP y respuesta HTTP

Solicitud HTTP

Una solicitud HTTP incluye:

Método HTTP – la acción que debe realizar el servidor al procesar la solicitud

Dirección URL – la ruta al recurso o a la página

Encabezados – información sobre el cliente: idioma, navegador, etc.

Cuerpo de la solicitud – datos enviados al servidor (opcional)

Respuesta HTTP

Una respuesta HTTP contiene:

Estado de respuesta – código que informa el resultado de la solicitud (por ejemplo, 404 Not Found)

Encabezados – información sobre la respuesta: tipo de contenido (por ejemplo, texto, imagen), fecha, etc.

Cuerpo de respuesta – datos devueltos al cliente (por ejemplo, una página web)

Métodos HTTP

Método HTTP define qué tipo de acción realizará el servidor al procesar la solicitud.

Método	¿Qué hacer?	Ejemplo
GET	Obtener	Devolver una página web
POST	Crear	Crear un nuevo usuario durante el registro
PUT	Actualizar/crear	Actualizar la configuración del usuario; si no existe, crearla
PATCH	Actualizar parcialmente	Cambiar la contraseña en el perfil
DELETE	Eliminar	Eliminar el perfil del usuario

También existen varios métodos HTTP auxiliares

Ejemplo de una solicitud HTTP y una respuesta HTTP

El cliente envía una solicitud HTTP para obtener una página web

Método HTTP GET

Dirección URL https://tester-today.com/protocols

Encabezado Accept-Language: es

Servidor procesa la solicitud y devuelve una respuesta HTTP

Estado de respuesta 200 OK

Encabezado Content-Type: text/html

Cuerpo de respuesta Contenido de la página en formato HTML

Así se intercambia información entre un cliente y un servidor mediante el protocolo HTTP.

DevTools

Herramientas para desarrolladores

DevTools son herramientas integradas en el navegador para depurar y probar solicitudes de red.

Consulta los detalles de la solicitud que se realiza al abrir la página actual. La página se llama "protocols".

Abre DevTools:
- Windows/Linux — F12 o Ctrl + Shift + I
- macOS — F12 o Cmd + Option + I
Ve a la pestaña Network
Recarga la página actual
Selecciona la solicitud con el nombre protocols

Tarea

Envía una solicitud HTTP al servidor para guardar un nuevo mensaje de galleta de la fortuna en el almacén:

Indica la Dirección URL
https://www.tester-today.com/secret-storage
Selecciona el Método HTTP para crear
Introduce un nuevo deseo en el campo Cuerpo de la solicitud
Envía la solicitud HTTP
El servidor procesará la solicitud y devolverá una respuesta

Examina los detalles de la solicitud y la respuesta en DevTools → Network.

Dirección URL

Método HTTP

Cuerpo de la solicitud

¿Qué estado HTTP devolvió el servidor?

100 Continue

200 OK

300 Multiple Choices

400 Bad Request

500 Internal Server Error

HEAD	Obtener solo encabezados
OPTIONS	Obtener los métodos admitidos por el servidor
TRACE	Diagnosticar la ruta de la solicitud
CONNECT	Establecer un túnel entre cliente y servidor