Desarrollo y servicios web

Transcripción

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

2 2 Sesión 3. Arquitectura web básica parte 2

3 Qué haremos hoy? 3 1. La era post pc 2. Nombres de dominio 3. URL 4.HTTP( GET / POST)

4 La era post-pc 4

5 La era post-pc 5

6 6 Beneficios era post-pc Mayor movilidad Accesibilidad a la tecnología a diferentes públicos

7 7 Problemas de la era post-pc Menor ingresos por concepto de publicidad Riesgos de seguridad de la información de las empresas cuando se usan a nivel empresarial Retos: Establecimiento de aplicaciones y servicios independientes al dispositivo utilizado. Uso empresarial: mantenimiento, eliminación y adición de aplicaciones.

8 Qué vimos la clase pasada? HTML W3C Validadores html Servidores web Arquitectura web básica Laboratorio de programación 8

9 Continuando con la arquitectura web básica

10 Se creó en los años 80 Dominios Transformar direcciones ip a cosas más fáciles de recordar Nombres de dominio de clasificación abierta y clasificación cerrada

11 Qué es la ICANN? Corporación de Internet para la Asignación de Nombres y Números ( ICANN) Responde por: Asignación de las direcciones IP públicas, Funciones de gestión del sistema de dominio Administración de los servidores de dominio principales.

12 Jerarquía de los nombres de dominio Dominio de primer nivel (TDL) Creados por ICANN Dominio de tercer nivel Administrado por el dueño del dominio Dominio de segundo nivel Abiertos a registro

13 Relación nombres de dominio / direcciones ip Tomado de:

14 El dominio localhost La dirección se refiere a la máquina local desde la que es realizada la petición. El dominio de esta ip es localhost. Sirve para hacer pruebas locales.

15 Comprar dominios

16 Dominios en Colombia

17 Cómo hacer que un sitio web sea accesible vía web? Hosting: tomado de wikipedia Es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web. TIPOS Alojamiento gratuito Alojamiento compartido Alojamiento dedicado

18 Ejemplo de un hosting

19 Ejemplos subdominios

20 Ejemplo configuración subdominios

21 URLs

22 URL ( localizador de recursos uniforme) 22 Protocolo localhost:8080/ Objetivo: asignar una dirección única a cada uno de los recursos disponibles en Internet, como por ejemplo textos, imágenes, vídeos, etc. serviciosweb/main.xhtml host: puerto (Defecto puerto 80) Otras URL de ejemplo ftp:// mailto:[email protected] Path y nombre del archivo

23 23 Parámetros de las url Cuáles son los parámetros de estas URLs?

24 Codificación URL Se codifican siguiendo el RFC 1738:... Only alphanumeric [0-9a-zA-Z], the special characters $-_.+!*'() and reserved characters used for their reserved purposes may be used unencoded within an URL. Los demás caracteres se codifican de acuerdo a: %[reemplazar un caracter por su código ASCII en formato hexadecimal - El espacio se codifica con el número 32, que en hexadecimal es 20, entonces la URL del espacio es %20 El espacio puede también ser codificado como + 24

25 Ejemplos de URL INVÁLIDA Debería ser:?q=c%23+.net

26 Protocolo HTTP

27 Componentes básicos de la web 27 HTTP HTTP INTERNET BROWSER (HTLM) & URL Javascript, ajax, jquery UI, HTML, CSS SERVIDORES Php, Jsp, ASP. Net, Razor.net, rails, etc

28 Protocolo HTTP Tomado de: TTP_Basics.html

29 HTTP 29 Protocolo sin estado El browser y el servidor lo usan para comunicarse Principales métodos: GET Y POST Usa por defecto el puerto 80

30 Solicitud HTTP Tomado de: ml

31 Request line ( forma básica) 31 request-method-name request-uri HTTP-version GET /foo HTTP/1.1 Método Path: ruta Version GET /test.html HTTP/1.1 POST /index.html HTTP/1.1 Ejemplos GET POST PUT DELETE.

32 Request Headers 32 Pares de valores. Ejm request-header-name: request-headervalue1. Host: User-Agent: chrome

33 Ejemplo una petición completa Tomado de:

34 Respuesta HTTP

35 Response message header HTTP-version status-code reason-phrase HTTP/ OK Version Status HTTP/ OK HTTP/ Not Found HTTP/ Forbidden Ejemplo Descripción del status code Ejemplos status code 200 OK 302Found 404Not found 500 Server error 35

36 Ejemplos status code

37 Response headers Pares de valores. Ejm request-header-name: request-headervalue1. Date: Tue Mar :33:33 GMT Server: Apache / Content-Type: text/html Content-Length: 1539 Ejemplo

38 Ejemplo respuesta http tml

39 Ejemplo solicitud http GET /serviciosweb/main.xhtml HTTP/1.0 Host: localhost Cuál fue el código de respuesta? Se pueden identificar los encabezados de la respuesta? Qué salió en el cuerpo del mensaje? 39

40 Ejemplo de respuesta

41 Tipos de solicitudes HTTP

42 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

43 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, pero no aplica siempre POST - Actualizar o insertar información en mi base de datos - Ejm: formularios - Generalmente en formularios

44 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.

45 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

46 Probemos Escribir el siguiente código html y ver qué ocurre

47 Formularios en html Practicar Modificar el texto del input y adicionar el parámetro action al formulario así: <form action="

48 Formularios en html Practicar Qué pasa cuando ingreso una URL y doy clic en enviar?

49 Practicar Qué pasa si en el formulario anterior adiciono method= post?

50 Practicar Qué pasa si en el formulario anterior adiciono method= get en lugar de post?

51 GET vs POST Buenas fuentes de información ds.asp Protocolo http: mming/webprogramming/http_basics.html

52 En resumen hoy vimos Presentación del curso Sistema Modelo Programa Variables Constantes Algoritmos Estados Repetición Variables locales y globales Estructuras de datos Pseudocódigo Laboratorio de programación 52