Pulsas un enlace y aparece una página
Abres la web del instituto en el móvil. En un segundo aparece la página.
¿De dónde ha salido? No estaba en tu móvil. Otro ordenador, lejos de ti, la ha enviado.
Hoy vas a ver cómo se hablan los dos. Después aprenderás a programar el que contesta.
Palabras clave
| Palabra | Qué significa | Ejemplo |
|---|---|---|
| Cliente | Quien pide algo. En la web es tu navegador. | Chrome, Firefox, Safari |
| Servidor | Un ordenador que espera peticiones y contesta. | el que guarda la web del instituto |
| Petición | El mensaje que envía el navegador para pedir una página. | GET /menu.html |
| Respuesta | El mensaje que devuelve el servidor, con la página o con un error. | 200 y la página |
| Código de estado | Un número que dice cómo ha ido la petición. | 404 |
| Página estática | Un fichero que el servidor envía tal cual. Es igual para todos. | menu.html |
| Página dinámica | Una página que un programa crea en el momento. Puede cambiar cada vez. | menu.php |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Un cliente y un servidor
Piensa en el bar del instituto. Tú pides un bocadillo en el mostrador. El camarero va a la cocina y te trae el bocadillo.
Tú eres el cliente. El camarero es el servidor. Tu pedido es la petición. El bocadillo es la respuesta.
El camarero no te trae nada si no pides. Un servidor igual: espera, y solo contesta cuando alguien pregunta.
Repaso rápido: cliente y servidor
Inténtalo
Repaso rápido: cliente y servidor
3 preguntasTus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.
Qué lleva cada mensaje
La petición dice dos cosas: qué quieres y dónde está. GET significa "dame". /menu.html es el nombre de la página.
La respuesta lleva un número, el código de estado, y después la página. El número dice si todo ha ido bien.
Si abres una web, estos dos mensajes viajan en menos de un segundo.
Ejemplo resuelto: una petición y su respuesta
| Parte | Petición | Respuesta |
|---|---|---|
| Quién la envía | El navegador | El servidor |
| Primera línea | GET /menu.html | 200 OK |
| Qué significa | Dame la página menu.html | Todo bien, aquí la tienes |
| Qué lleva detrás | Datos del navegador | El código HTML de la página |
| Si la página no existe | GET /postres.html | 404 y un mensaje de error |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Estática o dinámica
Una página estática es un fichero. El servidor lo lee y lo envía. Todos ven lo mismo.
Una página dinámica la crea un programa en el momento. Puede saludarte por tu nombre, enseñar la hora o los pedidos de hoy.
En este capítulo el programa será un script de PHP. Los ficheros PHP acaban en .php.