Programación de páginas web dinámicas con CGIs

Tamaño: px

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

Download "Programación de páginas web dinámicas con CGIs"

Rubén Saavedra Padilla
hace 10 años
Vistas:

1 Programación de páginas web dinámicas con CGIs

2 Esquema Webs estáticas o dinámicas. CGIs: Que son y como funcionan Formularios para enviar información CGIs en perl

3 Webs estáticas o dinámicas Una (página) web estática está formada por elementos (html, imágenes,...) que existen independientemente de la navegación que se realice por ella. Una (página) web dinámica tiene componentes que se crean (y destruyen) dinámicamente en respuesta a acciones desencadenadas durante la navegación.

..) que existen independientemente de la navegación que se realice por ella.

4 Ejemplos Web estática Sitio web con una página principal desde dondes se accede a otras páginas o enlaces. Las páginas existen aunque nunca se acceda a ellas. Web dinámica Sistema para generar listados a partir de una base de datos. Cada nueva petición genera un nuevo listado (nuevo=no existía la página antes de pedirla) 4estacions.html primavera.html estiu.html hivern.html tardor.html IMATGES (folder) fig1.jpg... fign.jpg Directorio.html listado.html

Web dinámica Sistema para generar listados a partir de una base de datos.

5 Ejemplo 4est dir pri ver oto inv Server, Database IMAGES Estática 4 estaciones list Dinámica directori

6 Que son los CGIs Common Gateway Interface. Permiten la ejecución de programas a través de la web. Pueden escribirse en cualquier lenguaje Perl, R, Java, C, C++ Perl tiene una muy buena interfaz para crear CGIs.

7 Como funcionan los CGIs? Se crea un programa, se hace ejecutable y se almacena en el servidor. Se envía información al programa mediante un formulario Se ejecuta el programa y retorna los resultados al navegador.

8 Formularios y CGIs La mayoría de scripts de CGI se invocan desde un formulario (puede también hacerse directamente desde un enlace!) Mediante los formularios Se recopila información necesaria (parámetros) Se envía la información al script al pulsar el botón enviar.

) Mediante los formularios Se recopila información necesaria

9 Envío de la información <form method= post, action= procesa.pl >. <input type= submit value= Mandalo ya > </form> - method : como se pasa la información post : con la cabecera HTTP. Invisible get : con la cadena de la URL: visible en la barra de navegación action : el programa a invocar input type= submit : Boton de ejecución que invoca al programa descrito por action

10 POST y GET POST EL programa obtiene la información de stdin (el teclado, la variable generada por el formulario) Puede enviarse tantos datos como se desee. La información no es visible desde fuera GET El programa CGI lee los datos de una variable de entorno (QUERY_STRING) Límite en la cantidad de datos que se puede enviar (1,000 caracteres) Los datos son visibles en la barra de navegación En general se recomienda usar POST

La información no es visible desde fuera GET El programa CGI lee los datos de una variable de entorno

11 CGIs en perl (1) Un programa no CGI #!/usr/bin/perl use strict; use warnings; print " Cómo te llamas?"; my $username; $username = <STDIN>; chomp($username); print "Hello, $username.\n"; getusername.pl

12 CGIs en perl (2) Conversion en un programa CGI #!/usr/bin/perl use strict; getusernamepl.cgi use warnings; use CGI qw(:standard); # use the CGI library # print "What is your username? "; my $username; # "declare" the variable # $username = <STDIN>; $username = param ( username ); # read the username # chomp($username); print header(); # output <HTML> print start_html( First CGI program ); # add a title print "Hello, $username.\n"; print end_html(); # output </HTML>

"; my $username; # "declare" the variable # $username = <STDIN>; $username = param ( username ); # read the username

13 Invocación del programa vía web <html> <head><title>get Username</title></head> <body bgcolor=white> <FORM ACTION=" METHOD="POST"> <h2>form Example 1</h2> Entra tu nombre de usuario: <INPUT TYPE="text" SIZE="20" NAME="username"> <input type= submit value= Submit Query > </FORM> </body> </html> getusername.html

cgi" METHOD="POST"> <h2>form Example 1</h2> Entra tu nombre de usuario: <INPUT TYPE="text"

14 Aspecto del programa Entramos MARIAdelasMERCEDES Y pulsamos el boton Envia'l

15 Resumen: Creación de un CGI Primera fase: programa sin parámetros en el servidor Crear un programa que se ejecute desde linea de comandos Ponerlo en el directorio.public_html/cgi-bin Asignar valores a las variables, p.ej: $username = alex ; Grabar el resultado en un archivo, perl myprog.cgi > output.html Visualizar la salida por el navegador

public_html/cgi-bin Asignar valores a las variables, p.

16 Resumen: Creación de un CGI (2) Segunda fase: asegurando la visibilidad del programa Probar de llamar el cgi desde una cuenta distinta a la usada para copiarlo en el servidor (asegurarse de que los permisos de lectura-ejecución son los adecuados) perl /users/myusername/.public_html/cgi-bin/miprograma.cgi > output

copiarlo en el servidor (asegurarse de que los permisos de lectura-ejecución

17 Resumen: Creación de un CGI (3) Tercera fase: Crear y probar el formulario Diseñar un formulario que llame a un cgi sin parámetros Por ejemplo un cgi que tan sólo diga Hola mundo Copiar el formulario en el directorio designado en el servidor para guardar los archivos.html, por ejemplo.public_html Abrir el archivo html en el navegador y apretar enviar Debería aparecer una página hola mundo

formulario en el directorio designado en el servidor para guardar los archivos.html, por ejemplo.

18 Resumen: Creación de un CGI (4) Cuarta fase: asegurarse de que el CGI en recibe bien los parámetros Crear una versión simplificada del CGI que se limite a coger los parámetros y enviarlos al navegador. Piede hacerse comentando todo el código que no sea ésto Quinta fase: Ensamblado final Tras comprobar que el flujo de parámetros es adecuado volvemos a la versión completa del programa y ya podemos ejecutarlo

Piede hacerse comentando todo el código que no sea ésto Quinta fase: Ensamblado final Tras comprobar

19 Problemas habituales en los CGIs (1) Las etapas sugeridas en el desarrollo del CGI muestran los posibles problemas: Problemas de permisos Los archivos o directorios no tienen los permisos adecuados. Verificarlo mediante ls -l en los directorios Debería ser drwxr-wr-x en ambos chmod 755 para los directorios Chmod 644 el programa perl Verificarlo pidiendo a alguien (de otra cuenta) que ejecute el script Problemas de acceso (por ejemplo se hace la llamada a un directorio distinto al que contiene el script) Probar con un cgi sencillo -que no pueda fallar- si el acceso está garantizado Formularios mal elaborados Errores al producir el HTML desde el script Probar de enviarlo directamente desde el script y visualizarlo en el navegador perl miprograma.cgi > output.html firefox output.html

el script Problemas de acceso (por ejemplo se hace la llamada a un directorio distinto al que contiene el script) Probar con un cgi sencillo -que no pueda fallar- si el acceso está garantizado

20 Otros problemas comunes La primera línea del archivo tienen que ser: #!/usr/bin/perl Antes incluso que otros componentes. No debemos olvidarnos de inviocar la funión print header(92 Antes que cualquier llamada a print(). En algunos sistemas el archivo tiene que llamarse.cgi no.pl

No debemos olvidarnos de inviocar la funión print header(92 Antes que

21 Enlaces interesantes Introducción a la programación en perl CGI y javascript CGI/perl cgi javascript/ CGI 101-Perl para la WWW

Documentos relacionados

Formularios HTML. Elementos de Programación y Lógica

Formularios HTML. Elementos de Programación y Lógica Formularios HTML Elementos de Programación y Lógica Formularios HTML es un lenguaje de marcado cuyo propósito principal consiste en estructurar los contenidos de los documentos y páginas web. Sin embargo,