¿Cómo es la interacción entre el cliente y el…

La interacción ocurre a través del protocolo HTTP/HTTPS, generalmente en un modelo de "cliente-servidor":

El cliente (navegador) envía una solicitud. La solicitud contiene:
- Método (GET, POST, PUT, DELETE, etc.)
- URL del recurso solicitado
- Encabezados (información sobre el cliente, tipo de datos, autorización, etc.)
- Cuerpo de la solicitud (para métodos como POST, con datos)
El servidor procesa la solicitud.
- Recibe y analiza la solicitud.
- Determina el recurso y la operación.
- Accede a los datos (base de datos, sistema de archivos, etc.), si es necesario.
- Forma la respuesta.
El servidor envía la respuesta. La respuesta contiene:
- Código de estado HTTP (200 OK, 404 Not Found, 500 Internal Server Error, etc.)
- Encabezados de la respuesta (tipo de contenido, caché, cookies, etc.)
- Cuerpo de la respuesta (HTML, JSON, XML, imagen, etc.)
El cliente recibe y procesa la respuesta.
- Analiza la respuesta.
- Muestra el contenido (por ejemplo, renderiza la página HTML).
- Ejecuta JavaScript, procesa datos.

Ejemplo de solicitud GET:

GET /api/users HTTP/1.1
Host: example.com
User-Agent: Mozilla/5.0 (...)
Accept: application/json

Ejemplo de respuesta a una solicitud GET:

HTTP/1.1 200 OK
Content-Type: application/json
Content-Length: 150
Cache-Control: max-age=3600

[
  { "id": 1, "name": "Alice" },
  { "id": 2, "name": "Bob" }
]

También se utilizan otros mecanismos para una interacción más interactiva:

WebSocket: Conexión bidireccional constante para intercambio de datos en tiempo real (por ejemplo, chats).
Server-Sent Events (SSE): Conexión unidireccional del servidor al cliente para recibir un flujo de actualizaciones.
Polling: El cliente envía solicitudes periódicas al servidor para verificar si hay actualizaciones.
Long Polling: El cliente envía una solicitud, el servidor la mantiene abierta hasta que haya datos o se agote el tiempo, y luego envía la respuesta.

En el contexto de aplicaciones web, el navegador también carga recursos (CSS, JS, imágenes) mediante solicitudes HTTP separadas después de recibir el HTML inicial. JavaScript puede enviar dinámicamente solicitudes adicionales a la API (AJAX) para obtener o enviar datos sin recargar la página.

¿Cómo es la interacción entre el cliente y el servidor?