Web Santiago Pavón Juan Quemada Versión: 2016-04-08 © Santiago Pavón - UPM-DIT Servidores Web y HTTP © Santiago Pavón - UPM-DIT La Web Inventada por Tim Berners Lee (1989) Servicio de publicación de documentos hipertexto en Internet n Es el almacén de contenidos que necesitaba la red Transforma Internet en una “Red de distribución de n contenidos” w Crece continuamente, por ser: descentralizada y escalable Cliente solicita doc con HTTP (URL) Cliente accede a Servidor busca documentos en Servidor devuelve hiperdocumento y devuelve el servidores con URLs documento 3 © Juan Quemada, DIT, UPM Funcionamiento Básico © Santiago Pavón - UPM-DIT GET La primera Web GET GET GET URL GET n Dirección única en Internet de un fichero (documento o recurso) w Ejemplo: http://www.upm.es/centros/etsit/personal.html GET GET HTTP n Protocolo de acceso a ficheros (solo GET) en un servidor remoto w Protocolo simple y ¡muy escalable! GET n ¡¡El URL identifica el recurso unívocamente en Internet!! HTML (páginas Web) n lenguaje de marcado para creación de documentos hipertexto distribuidos w ¡¡Clicks permiten una navegación Web muy sencilla y potente!! Cliente Web (navegador) n Programa que visualiza páginas Web en HTML traídas por HTTP de un servidor remoto Servidor Web de páginas estáticas n Programa que sirve ficheros (páginas Web) con HTTP a clientes conectados 5 © Juan Quemada, DIT, UPM GET Las aplicaciones Web GET GET GET URL GET n Dirección única en Internet de un fichero (documento o recurso) w Ejemplo: http://www.upm.es/centros/etsit/personal.html GET HTTP GET n Protocolo de acceso a ficheros (solo GET) en un servidor remoto w Protocolo simple y ¡muy escalable! GET n ¡¡El URL identifica el recurso unívocamente en Internet!! HTML (páginas Web) -> HTML, CSS, JavaScript (Apps Web) n Las aplicaciones de cliente interaccionan con el usuario y guardan datos locales w !!Pero no pueden compartir datos entre diferentes clientes!! Cliente Web (navegador) n Programa que visualiza páginas Web en HTML traídas por HTTP de un servidor remoto Servidor Web de páginas estáticas n Programa que sirve ficheros (páginas Web) con HTTP a clientes conectados 6 © Juan Quemada, DIT, UPM POST GET La Web actual GET PUT URL n Dirección única en Internet de un fichero (documento o recurso) GET w Ejemplo: http://www.upm.es/centros/etsit/personal.html DELETE HTTP GET n Protocolo de acceso a ficheros en un servidor remoto w Protocolo simple y ¡muy escalable! n ¡¡El URL identifica el recurso unívocamente en Internet!! POST HTML (páginas Web) -> HTML, CSS, JavaScript (Apps Web) n Las aplicaciones de cliente interaccionan con el usuario y guardar datos locales w !!Ahora pueden compartir datos entre diferentes clientes a través del servidor!! Cliente Web (navegador) n Programa que visualiza páginas Web en HTML traídas por HTTP de un servidor remoto Servidor Web de páginas dinámicas n Aplicación de servidor programable, por ejemplo node.js en JS, PHP, Python, Ruby, … w Puede servir ficheros o acceder a bases de datos remotamente con HTTP 7 © Juan Quemada, DIT, UPM Arquitectura en Tres Capas Frontend • Las vistas Middleware • La lógica de la aplicación Backend • Persistencia de la información ©© SSaannttiiaaggoo PPaavvóónn -- UUPPMM--DDIITT URLs © Santiago Pavón - UPM-DIT HTTP © Santiago Pavón - UPM-DIT