A Mayor Nivel: HTML II. Taller de Proyecto II

Tamaño: px

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

Download "A Mayor Nivel: HTML II. Taller de Proyecto II"

José Quiroga Pérez
hace 8 años
Vistas:

1 A Mayor Nivel: HTML II Taller de Proyecto II

2 Generación de HTML por "eventos"... Hasta ahora el mínimo del proyecto: Navegador Ej: genhtml.c Navegador Solo HTTP Algo más

3 Pero con servidor HTTP Browser Cliente 1. Requerimiento HTTP??????????????????????? 3. Respuesta HTTP Servidor HTTP (Apache) Servidor web HTML Estático Sin relación entre lo que genera el.htmly el servidor ni el cliente Evento ==>.html Archivo HMTL Sistema de Archivos

4 HTTP + Forms+ CGI Cliente HTML (+forms) 1. Requerimiento HTTP 3. Respuesta HTTP Opcional: se habilita y configura 2. Servidor HTTP (Apache) Servidor web 2a. CGI 2b. HTML Estático Generación Dinámicade HTML Archivo Sistema de Archivos Programa CGI Alternativas de procesamiento del requerimiento HMTL

Servidor HTTP (Apache) Servidor web 2a. CGI 2b.

5 Quétiene un form(html) Más o menos genérico <FORM METHOD = ["get"/"post"] ACTION="referencia"> {[texto] <INPUT [TYPE = "RADIO" / "CHECKBOX" / "SUBMIT" /...] [NAME= "nombre"] [VALUE="valor"]...>} <== +posibles </FORM> Dos atributos del form: Method: el método HTTP a generar en el requerimiento Action: el programa, archivo o recursoque procesarálos datos Y muchos elementos o controles (entradas, básicamente)

..>} <== +posibles </FORM> Dos atributos del form: Method: el método HTTP a generar en el

6 Un primer form <HTML> <FORM METHOD="get" ACTION="/cgi-bin/cgiestatico"> Click<INPUT TYPE="SUBMIT" VALUE="aquí"> para ver el resultado del script/programa </FORM> </HTML> Generará un HTTP get Hace referencia al programa /cgi-bin/cgiestatico (dep. de conf.) Un solo control de entrada, de tipo SUBMIT y con valor aquí Texto, además del control de entrada Tanto el.html como el programa deben estar en donde se configuró

referencia al programa /cgi-bin/cgiestatico (dep. de conf.

7 Un primer programa CGI... En el servidor (si implementa CGI) se habilita con ScriptAlias (ScriptAlias /cgi-bin/ /var/www/cgi-bin/) El programa que generará el HTML (ej: cgiestatico.c): #include <stdio.h> /* printf() */ main(int argc, char *argv[]) { // Si esta primera linea se comenta se genera un error... printf("content-type: text/html%c%c", 10, 10); // Esto si es HTML printf("<html><body>\n"); Faltaría <p> </p> printf("<font color = blue>\n"); printf("<h1 style=\"text-align: center\">algo va a salir...</h1>\n"); printf("</font>\n"); printf("esto no es un error, es la salida de un programa sin entradas (siempre lo mismo...)\n"); printf("</body></html>\n"); }?

$.. printf("content-type: text/html%c%c", 10, 10); // Esto si es HTML printf("<html><body>\n"); Faltaría <p> </p> printf("<font color = blue>\n"); printf("<h1$

8 Pequeño resumen Servidor HTTP CGI permite procesar peticiones HTTP sin hacer ref. a un.html CGI se configura en un servidor HTTP que implementa CGI (Si implementa CGI) se habilita/conf. con ScriptAlias (Apache) En vez de leer.html el servidor utiliza un programa El programa CGI ( C?) debe generar desde las cabeceras en adelante Como mínimo genera el Content-type de la respuesta El HTML... si es HTML... Los forms son parte de HTML y referencian explícitamente El programa CGI La cantidad y tipos de entradas (veremos más ejemplos) La petición HTTP que se genera desde el cliente al servidor

html el servidor utiliza un programa El programa CGI ( C?

9 Faltan muchas cosas La salida del programa CGIes leída por el servidor para la resp. Pero CGI es para construir respuestas a partir de datos del cliente Cómo llegan los datos del usuario al servidor web? Cómo llegan los datos del cliente al programa CGI? El programa CGI puede hacer más cosas... Y más...

Pero CGI es para construir respuestas a partir de datos del cliente Cómo

10 Desde el usuario al programa CGI Dos pasos: Cliente al servidor Servidor al programa CGI Cliente al servidor HTTP Get o Post definido en el Form Query String: a partir del "?" Pares name=value separados por & Servidor al programa CGI Variables de ambiente HTTP Post: +entrada estándar

en el Form Query String: a partir del "?

11 Acceso a variables de ambiente... #include <stdio.h> /* printf() */ #include <stdlib.h> /* getenv() */ #include <string.h> /* strlen() */ main(int argc, char *argv[]) { // Para las variables de ambiente char*reqmet, *querystr; Variables de ambiente (generadas por el servidor) // Variables de ambiente para un programa CGI reqmet = getenv("request_method"); querystr = getenv("query_string"); // Si esta primera linea se comenta se genera un error... Generación de printf("content-type: text/html%c%c", 10, 10); printf("<html><body>\n"); HTML printf("<h1>mostrando Variables de Ambiente...</h1>\n"); printf("<p>request_method (%d chars) = amb.) %s<br>\n", strlen(reqmet), reqmet); printf("query_string(%d chars) = %s</p>\n", strlen(querystr), querystr); printf("</body></html>\n"); } (usando las var. de

$.. Generación de printf("content-type: text/html%c%c", 10, 10); printf("<html><body>\n"); HTML printf("<h1>mostrando Variables de Ambiente...</h1>\n"); printf("<p>request_method (%d chars) = amb.$

12 Un formcon entrada de usuario <HTML> <FORM METHOD="GET" ACTION="/cgi-bin/cgienvshow"> Ingrese un dato: <INPUT NAME="datoingresado"> <br> <br> Click<INPUT TYPE="SUBMIT" VALUE="aquí"> para ver el resultado del script/programa </FORM> </HTML> Generará un HTTP get Hace referencia al programa /cgi-bin/cgienvshow (dep. de conf.) Dos controles de entrada, de tipo TEXT y SUBMIT y con nombre datoingresado y valor aquí respectivamente Texto y otros tags como <br>, además del control de entrada Notar la URL generada y su relación con el resultado del "submit"

referencia al programa /cgi-bin/cgienvshow (dep. de conf.

13 Faltan muchas máscosas Formularios con POST, no necesario ahora Definición de muchos tipos de controles de E/ Procesamiento de muchos controles de E/ Codificaciones... Un problema (mayor) en C... El programa CGI puede hacer más cosas... Como definir parámetros o conf. de contr. No es la única manera de generar contenido dinámico (ésta es del lado del servidor), aunque conceptualmente es completa

.. El programa CGI puede hacer más cosas... Como definir parámetros o conf. de contr.

14 Ya podríamos (todo modelo pull)... Navegador Navegador Servidor web controlador Programa/s CGI Navegadores Archivo HMTL Usuarios

15 Preguntas?

Documentos relacionados

CapÍtulo 3: Manejo de Forms.

CapÍtulo 3: Manejo de Forms. El mecanismo básico de interacción entre el usuario y un web-site esta dado por el uso de formularios html, el server envía un formulario que el browser muestra en pantalla