Ruta Full Stack
0✦ 0
Glosario · La red · Fase 0

Cliente-servidor

El reparto de papeles de toda la web: un lado pide (el cliente) y otro lado sirve (el servidor).

✦Apagada: responde bien la pregunta del final para encenderla

También lo verás como: modelo cliente-servidor · cliente · clientes

Analogía

Un restaurante: la sala pide (cliente) y la cocina prepara y sirve (servidor). Ni la sala cocina ni la cocina decide qué te apetece.

En la web, el cliente es normalmente el navegador de la persona que visita tu página.

⚠️ La confusión clásica

La palabra cliente significa dos cosas completamente distintas en este oficio:

  • Cliente (técnico): el navegador o la aplicación que hace la petición.
  • Cliente (negocio): la persona que te contrata y te paga.

En este vault, cuando sea la persona, se escribe cliente (negocio).

Para qué sirve / cuándo aparece

Es el esqueleto mental de todo lo demás: frontend es el lado cliente, backend es el lado servidor. Cuando algo falle, la primera pregunta será siempre "¿esto pasa en el cliente o en el servidor?".

Un paso más: un servidor, miles de clientes

El modelo es uno para muchos: un solo servidor atiende a la vez a todos los navegadores que le piden algo, y a cada uno le responde por separado. No se conocen entre sí.

Dos consecuencias que usarás siempre:

  • Lo que pasa en el cliente es de cada usuario. Si tú cambias algo en tu navegador, solo cambia en tu pantalla.
  • Lo que pasa en el servidor es de todos. Si cambia un precio en el servidor, lo ven todos en su siguiente petición.

Y "cliente" no es solo un navegador: una app del móvil, o incluso otro servidor que pide datos, también hacen de cliente en ese momento. Cliente es el que pide.

Comprueba que lo entendiste

Cambias el título de una web desde las DevTools de tu navegador. ¿Quién ve el cambio?

Ver también

frontend · backend · servidor · navegador