Tema 4: Diseño e Implementación de la Capa Web

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Tema 4: Diseño e Implementación de la Capa Web"

Juan Domínguez Jiménez
hace 8 años
Vistas:

1 Tema 4: Diseño e Implementación de la Capa Web

2 Índice 4.1 Tutorial de Servlets y JSPs 4.2 Tutorial de Tapestry 4.3 Caso de Estudio: Diseño e Implementación de la Capa Web de MiniBank 4.4 Caso de estudio: Diseño e Implementación de la Capa Web de MiniPortal

3 Introducción Aplicación Web Aplicación que corre en al menos un servidor Web y a la que el usuario accede desde un cliente de propósito general (e.g.: navegador en un PC, teléfono móvil, etc.) Servidor Web Contenido estático (html, pdf, ) Contenido dinámico Cliente Web (e.g. Navegador) HTTP Contenedor de aplicaciones Web (dependiente de una tecnología) Aplicaciones Web (int. gráf. + modelo ) JDBC BD

) Servidor Web Contenido estático (html, pdf, ) Contenido dinámico Cliente Web (e.g.

4 HTTP (1) La comunicación en la Web gira en torno al protocolo HTTP Protocolo de nivel de aplicación Funciona sobre TCP Usa el puerto 80 por defecto Modelo petición/respuesta de recursos, identificados por URLs No tiene estado Al igual que SMTP, es un protocolo basado en texto, que usa MIME para transferir información binaria MIME es un conjunto de normas que permite transformar un texto no ASCII en ASCII y viceversa Tipos de peticiones GET, POST, PUT, DELETE, TRACE, OPTIONS, HEAD Las más relevantes en aplicaciones Web son GET y POST

en texto, que usa MIME para transferir información binaria MIME es un conjunto de normas que permite transformar un texto no ASCII en

5 HTTP (2) Peticiones GET Cuando se introduce una URL en la barra del navegador o cuando se hace clic en un enlace sin manejadores JavaScript asociados, el navegador hace una petición GET E.g.: Utilizamos un navegador para acceder a El navegador abre una conexión TCP al puerto 80 de la máquina (resuelve el nombre por DNS) y envía una petición similar a GET /is-java/index.html HTTP/1.0 << Otros campos >> El servidor responde con HTTP/ OK << Otros campos >> Content-Type=text/html; ISO << Otros campos >> <html> << Resto del contenido de la página de IS >> </html>

html El navegador abre una conexión TCP al puerto 80 de la máquina www.tic.udc.

6 HTTP (3) Peticiones GET (cont) Parámetros URL?par1=val1&par2=val2... &parn=valn Ejemplo en una página HTML... <a href="/forecast?city=hermosa+beach&state=ca"> Temperatura en Hermosa Beach </a>... Al hacer clic en el enlace anterior, se le enviaría una petición GET /forecast?city=hermosa+beach&state=ca al servidor del que nos hemos bajado la página Si un par par=val aparece más de una vez, el parámetro correspondiente es multivaluado (su valor es un vector de valores) Codificación de caracteres en el valor de un parámetro Caracteres ASCII alfanuméricos y signos. (punto), - (guión), * (asterisco) y _ (subrayado) => tal cual Espacio en blanco => sustituir por + Resto de caracteres => %xy (siendo xy su codificación en hexadecimal) Las anteriores sustituciones las tiene que hacer el que escribe/genera el fichero

city=hermosa+beach&state=ca al servidor del que nos hemos bajado la página Si un par par=val aparece más de una vez, el parámetro correspondiente es multivaluado (su valor es un vector de valores)

7 HTTP (4) Peticiones POST El navegador envía los datos de un formulario mediante una petición POST o GET, según especifique el campo action del formulario En el caso de una petición POST, los datos del formulario se envían como parámetros, pero éstos no forman parte de la URL, sino que se envían como parte del cuerpo del mensaje El cliente (navegador) codifica automáticamente los valores de los parámetros asociados a un formulario (tanto si se envía por POST como por GET) Ejemplo en un formulario HTML... <form action="/forecast" method="post"> City: <input type="text" name="city"> State: <input type="text" name="state"> <p> <input type="submit"> </form>...

El cliente (navegador) codifica automáticamente los valores de los parámetros asociados a un formulario (tanto si se envía por POST como por GET) Ejemplo en un

8 HTTP (5) Peticiones POST (cont) Cuando el usuario pulsa el botón de submit, se envía una petición POST al servidor del que nos hemos bajado el formulario POST /forecast HTTP/1.0 <<Otros campos>> city=hermosa+beach&state=ca Cuando un formulario se envía por GET, los parámetros forman parte de la URL Si el formulario anterior se envía por GET, después de pulsar en el botón submit, el navegador mostraría la URL Útil para poder hacer bookmarks (marcadores) a resultados de búsquedas

0 <<Otros campos>> city=hermosa+beach&state=ca Cuando un formulario se envía por GET, los parámetros forman parte de la URL Si el

9 HTTP (6) Tipos de URLs URL absoluta Útiles en navegadores Útiles en ficheros cuando se quieren hacer enlaces a otros servidores Path absoluto No deberían usarse cuando se trata de enlaces al mismo servidor, dado que si cambiamos los ficheros de servidor habrá que cambiar todas las URLs que contengan /is-java/index.html /pojo-miniportal/index Útiles cuando se quiere hacer un enlace a un recurso dentro del mismo servidor

otros servidores Path absoluto No deberían usarse cuando se trata de enlaces al mismo servidor, dado que si cambiamos

10 HTTP (y 7) Tipos de URLs (cont) Path relativo En el fichero /is-java/index.html podríamos incluir las siguientes URLs../adoo/index.html pojo-examples-1.0-src.tar.gz Útil cuando se quiere hacer un enlace a un recurso dentro del mismo servidor En la mayor parte de los casos, suelen preferirse a las de tipo path absoluto, dado que muchas veces no será necesario cambiarlas aunque modifiquemos la estructura del sitio Web Es importante recordar que HTTP no está orientado a HTML, sino que se puede usar con cualquier texto (e.g. HTML, XML, texto plano, etc.) o datos binarios (e.g. imágenes, etc.) mediante transformaciones MIME Las tecnologías que estudiaremos (en realidad, todas las existentes) pueden usarse para generar cualquier tipo de información válida sobre HTTP

necesario cambiarlas aunque modifiquemos la estructura del sitio Web Es importante recordar que HTTP no está orientado a HTML, sino que se puede usar con cualquier texto (e.g.

Documentos relacionados

Tema 4: Tecnologías Web Java

Tema 4: Tecnologías Web Java Introducción Aplicación web Aplicación que corre en al menos un servidor y a la que el usuario accede desde un cliente de propósito general (ej.: navegador en un PC, teléfono