Perspectiva del proceso de petición y respuesta VII Cuando el cliente recibe la respuesta el navegador web interpreta el mensaje y su contenido, representando el código HTML, su estilo CSS, sus códigos javascript y sus documentos basados en XML. Existen contenidos dinámicos que pueden ser ejecutados por el cliente, denominados AJAX (Asynchronous Javascript and XML)
Perspectiva del proceso de petición y respuesta VIII AJAX es una técnica de programación basada en Javascript, que permite ejecutar pequeñas apliaciones descargadas por el cliente en las respuestas que recibe y que se ejecutan en su equipo, manteniendo éstas una comunicación asíncrona en segundo plano con el servidor del que provienen, mejorando la velocidad de ejecución de los servicios y contenidos.
Un ejemplo práctico – parte 1 Si un usuario dispone de un equipo con sistema operativo, navegador y conexión a internet, puede realizar peticiones HTTP para acceder a multitud de páginas y contenidos de la Web. Por ejemplo el acceso a Facebook implica un DNS, un dominio que es facebook.com.
Un ejemplo práctico – parte 2 Para realizar la petición de carga de la página web facebook, necesita indicar el protocolo http:// y a continuación introducir el nombre DNS y dominio facebook.com permitiéndolo efectuar una petición formal a través de la red. Esta petición se transmite a modo de mensaje con una cabecera que contiene:
Un ejemplo práctico – parte 3 Dirección IP (numérica) del cliente durante esa sesión Método de la petición, en este caso HTTP, pero podría ser también FTP Domain Name Server DNS y extensión de dominio solicitado La información de la cabecera es codificada y transmitida a los servidores de redirección y enrutamiento que cuenta la red Internet
Un ejemplo práctico – parte 4 La transmisión de la petición del cliente es identificada por los servidores de enrutamiento con una dirección IP fija de un servidor sito en Estados Unidos, concretamente en la sede de Facebook en Mountain View Al identificar la máquina del servidor se dirige la petición correctamente
Un ejemplo práctico – parte 5 El servidor Web APACHE (o similar) de la empresa Facebook, recibe la petición HTTP del cliente y por tanto el mensaje completo, validándolo como original (comprueba que la petición no es fraudulenta) e identifica la página web que ha pedido, que corresponde a la portada de su servicio, dicho de otra forma, la página web “index.php”
Un ejemplo práctico – parte 6 Como la página web “index.php” de Facebook está programada en lenguaje PHP, se ejecuta con el compilador PHP que está instalado como componente en el servidor. Esto permite interpretar las instrucciones de la página de portada de Facebook, mostrando datos y contenidos que están almacenados en BD y poniendo a disposición del usuario todos los servicios de identificación y registro.
Un ejemplo práctico – parte 7 Como resultado de la interpretación de la página de portada “index.php” se obtiene una página web codificada en HTML con estilos visuales, textuales y gráficos característicos que podrán ser interpretados adecuadamente por el usuario cuando sea transmitida la respuesta.
Un ejemplo práctico – parte 8 Del mismo modo que el cliente componía un mensaje para efectuar la petición de la página de Facebook, éste genera un mensaje automático de respuesta con un cuerpo que corresponde a la página HTML generada y una cabecera con los datos de identificación básica del servidor y la correcta resolución de la petición
Un ejemplo práctico – parte 9 Tan pronto se transmite el mensaje de vuelta vía protocolo HTTP a la dirección IP del remitente, la respuesta es recibida por el navegador web, habitualmente a través del puerto 80 de comunicación de red habilitado en la mayoría de equipos con conexión a internet.
Un ejemplo práctico – parte 10 El navegador web del equipo cliente del usuario, interpreta el mensaje y carga la página HTML con toda su apariencia, opciones, servicios, etc. correspondiente a la página web de Facebook Todo el proceso descrito desde la parte1 hasta la 10 se produce en décimas de segundo de forma que el usuario no lo percibe
Un ejemplo práctico – parte 11 Pero a su vez, el usuario puede realizar más peticiones, tantas como páginas desea cargar Por ejemplo si introduce su nombre de usuario y contraseña en el formulario de acceso de Facebook, al hacer clic en el botón de “iniciar sesión”, generará una nueva petición al servidor de Facebook que comprobará los datos de acceso, los validará y le devolverá una página web con la información de su perfil o página personalizada de su muro
Un ejemplo práctico – parte 12 Debe observarse que, cada clic sobre un enlace, opción, botón o servicio disponible en una página web, suele dar como resultado el desencadenamiento de todo el proceso cliente-servidor de peticiones y respuestas que aquí se expone
| Página siguiente |