Desarrollo y servicios web

Transcripción

1 Desarrollo y servicios web Luisa Fernanda Rincón Pérez

2 Sesión 4. 2

3 Qué haremos hoy? 3 1. GET/POST 2. Cookies 3.Sesiones

4 Herramientas análisis HTTP Firebug plug-in for Firefox A must have for Web developers The ultimate tool for monitoring, editing and debugging HTTP, HTML, CSS, JavaScript, etc. Free, open-source Fiddler HTTP proxy Intercepts the HTTP traffic Analyzes the HTTP conversation Free tool 4 Tomado de diapositivas de: Svetlin Nakov Telerik Corporation

5 Herramientas desarrolladores de Google chrome

6 Ejemplo

7 GET/POST GET -Envía parámetros por URL -Limite de 100 caracteres en URL -Cache -Obtener información del servidor ( archivo u otro recurso) -Sólo se permiten caracteres ASCII -Botón Atrás ( no pasa nada) POST -Enviar información desde el cliente para que sea procesada y actualice o agregue información en el servidor. -No límite de caracteres -No cache -No hay restricciones de tipos de caracteres -Botón atrás. Los datos se reenvía. Se debe advertir al usuario

8 GET/POST GET - Solicitar una página diferente - Las llamadas GET pueden ser cacheadas (historial del navegador), indexadas por buscadores, o guardar URL para ingresar directamente a alguna página. - Generalmente en links POST - Actualizar o insertar información en mi base de datos - Ejm: formularios - Generalmente en formularios

9 Ejemplos GET/POST Administrador de noticias: listado de las noticias con un link eliminar para borrarlas una por una. Método POST para no permitir, por seguridad, que esa URL creada sea indexada, enviada a otra persona, guardada en favoritos, ni mucho menos ejecutada por culpa del botón atrás del navegador ya que quedaría cacheada en el historial.

10 Ejemplos GET/POST Formularios de búsquedas: al ser enviados por POST van a la página de resultados pero como estas llamadas no son cacheadas en el historial del navegador, no podemos volver usando la tecla atrás del navegador. Solución?? Método GET para permitir que funcione el botón atrás y se puedan volver a cargar los datos

11 Un paréntesis, lenguajes del lado del servidor (server scripting languages) Son lenguajes que sirven para producir páginas web dinámicas. Así el cliente hace algunas solicitudes que son procesadas por el servidor para luego entregar una respuesta al cliente.

12 Lenguajes de script (PHP)

13 Lenguajes de script (PHP) PHP es un lenguaje de script del lado del servidor. Otros lenguajes similares son ASP o JSP Los scripts PHP están incrustados en los documentos HTML y el servidor los interpreta y ejecuta antes de servir las páginas al cliente El cliente no ve el código PHP sino los resultados que produce

14 HTML cómo funciona?

15 PHP Cómo funciona?

16 Contexto Práctica ver petición HTTP con GET POST

17 Petición GET

18 procesar.php Código para práctica con POST

19 formulario.html

20 Ejemplo procesar.php para el get

21 Hasta aquí hemos visto entonces 21 HTTP HTTP INTERNET BROWSER (HTLM) & URL Javascript, ajax, jquery UI, HTML, CSS SERVIDORES Php, Jsp, ASP. Net, Razor.net, rails, etc

22 HTTP es un protocolo sin estado, entonces Cómo mantener la información que ha ingresado el cliente para no preguntarla siempre?

23 Alternativas Cookies Objetos de sesión del lado del servidor

24 Qué son las cookies? Son una herramienta para los desarrolladores web que permite almacenar y obtener datos del usuario, desde el lado del cliente. Son un par nombre valor + fecha de expiración Sirven para Autenticación Hacer tracking de la navegación del usuario Mantener preferencias de los clientes, o sesión en carritos de compras.

25 Cuál es el flujo de cookies entre servidor y cliente? Es información que se envía del servidor al cliente. El cliente la guarda y la envía de nuevo al servidor cada vez que hace una petición

26 Ejemplo de solicitud HTTP con las cookies El cliente hace la petición a una URL: GET / HTTP/1.1 Host: El servidor asigna la cookie en la respuesta HTTP: HTTP/ OK Set-Cookie: PREF=ID=c0bf5fd5c3a25209; expires=wed, 11-Jul :13:22 GMT; domain=.google.com En nuevas peticiones el navegador entrega el valor de la cookie en la petición http: GET / HTTP/1.1 Host: Cookie: PREF=ID=c0bf5fd5c3a25209 Tomado de diapositivas de: Svetlin Nakov Telerik Corporation

27 Sobre las cookies Son sólo datos no programas de código No borran o leen información del computador del usuario Son tradicionalmente anónimas porque no contienen información personal del usuario Pueden registrar información de navegación únicamente del sitio web al que pertenecen

28 Autorización para usar cookies

29 Ver las cookies. Ejemplo en google chrome

30 Asignar una cookie. Ejemplo Fuente:

31 Para que podría servir una cookie? En un sitio de votaciones, para saber si el usuario ya votó o no Guardar info de autenticación para que el usuario no tenga que autenticarse cada vez que navega Reconocer al usuario cuando vuelve al sitio

32 En cuanto a seguridad Las cookies están expuestas a ser leídas y/o suplantadas por eso: NO SE DEBE ALMACENAR INFORMACIÓN CONFIDENCIAL EN LAS COOKIES

33 Establecer una cookie en javascript Se debe usar la propiedad de javascript document.cookie Si la cookie no tiene fecha de expiración no se almacena en el disco duro, sino que mantiene en la sesión del usuario Al crear una cookie, debe especificar las propiedades Name y Value. Cada una de las cookies debe tener un nombre único a fin de que después se las pueda identificar al leerlas desde el explorador.

34 Ejemplo más completo

35 Fuente:

36 2. Sesiones del lado del servidor

37 Objetos de sesión del lado del servidor Concepto abstracto para representar una serie de peticiones y respuestas HTTP entre un navegador web específico y el servidor. Los datos intercambiados se llaman datos de sesión. Tienen un session id: sirven para identificar el usuario de la sesión. Se implementan como pares de valores ( nombre, valor asociado). El session id se mantiene en el cliente por medio de cookies o campos ocultos. Sólo se envía el session id entre cliente y servidor esto no sobrecarga la red

38 Objetos de sesión

39 Cómo se establecen las sesiones? Para la sesión el servidor puede guardar algunos datos del cliente como el navegador, y la dirección ip. Identificador de la sesión cambia para cada cliente

40 Ejemplo id de sesión desde el cliente Recursos almacenados en el lado del cliente

41 Cookies Cookies vs Objetos de sesión Se almacenan en el cliente. La información es manipulable y visible. La información de la sesión la tienen los clientes ( poca carga al servidor) Se almacenan en el servidor. No tienen un límite de tamaño. La información de todos los clientes la tiene el servidor Objetos sesión

42 Un anuncio Recuerden que mañana será la charla de Java

43 En resumen hoy vimos GET/POST Cookies Sessions Php, una ligera introducción Laboratorio de programación 43