10. Anexos: Herramientas para el desarrollo web

Aquí indicamos dónde encontrar y cómo instalar herramientas gratuitas que permiten desarrollar aplicaciones web en Java, PHP, ASP y asp.net. Algunas herramientas han actualizado sus versiones y es posible que las explicaciones que se dan aquí ya no sean válidas para las versiones más recientes. En ese caso, el lector deberá adaptarse... :

un navegador reciente capaz de mostrar XML. Los ejemplos del curso se han probado con Internet Explorer 6.
Un JDK (Java Development Kit) reciente. El JDK incluye el complemento Java 1.4 para navegadores, lo que permite a estos mostrar applets de Java que utilizan el JDK 1.4.
un entorno de desarrollo Java para escribir servlets Java. En este caso, se trata de JBuilder 7.
Servidores web: Apache, PWS (Personal Web Server, Cassini), Tomcat.
- Apache se puede utilizar para el desarrollo de aplicaciones web en PERL (Practical Extracting and Reporting Language) o PHP (Personal Home Page)
- PWS se puede utilizar para el desarrollo de aplicaciones web en ASP (Active Server Pages) o PHP en plataformas Windows. Cassini permite el desarrollo en ASP.NET.
- Tomcat se utiliza para el desarrollo de aplicaciones web mediante servlets de Java o páginas JSP (Java Server Pages)
un sistema de gestión de bases de datos: MySQL
EasyPHP: una herramienta que integra el servidor web Apache, el lenguaje PHP y el SGBD MySQL

10.1. Servidores web, navegadores, lenguajes de script

Servidores web principales

Apache (Linux, Windows)
Interner Information Server IIS (NT), Personal Web Server PWS (Windows 9x), Cassini (plataformas .NET)

Principales navegadores

Internet Explorer (Windows)
Netscape (Linux, Windows)
Mozilla (Linux, Windows)
Opera (Linux, Windows)

Lenguajes de script del lado del servidor

VBScript (IIS, PWS)
JavaScript (IIS, PWS)
Perl (Apache, IIS, PWS)
PHP (Apache, IIS, PWS)
Java (Apache, Tomcat)
Lenguajes .NET

Lenguajes de script del lado del navegador

VBScript (IE)
JavaScript (IE, Netscape)
PerlScript (IE)
Java (IE, Netscape)

10.2. Dónde encontrar las herramientas

`Netscape`	http://www.netscape.com/ (enlace de descargas)
`Internet Explorer`	http://www.microsoft.com/windows/ie/default.asp
`Mozilla`	http://www.mozilla.org
`PHP`	http://www.php.net
`Active PERL`	http://www.activestate.com
`Vbscript, Javascript`	http://msdn.microsoft.com/scripting (siga el enlace de Windows Script)
`JAVA`	http://java.sun.com/
`Apache`	http://www.apache.org/
`PWS`	incluido en el paquete de opciones NT 4.0 para Windows 95 incluido en el CD de Windows 98 http://www.microsoft.com/ntserver/nts/downloads/recommended/NT4OptPk/win95.asp
`IIS (windows NT/2000)`	http://www.microsoft.com
`Tomcat`	http://jakarta.apache.org/tomcat/
`JBuilder`	http://www.borland.com/jbuilder/
`EasyPHP`	http://www.easyphp.org/
`Cassini`	http://www.asp.net

10.3. EasyPHP

Esta aplicación es muy práctica, ya que reúne en un mismo paquete:

el servidor web Apache
un intérprete PHP
el SGBD MySQL (3.23.x)
una herramienta de administración de MySQL: PhpMyAdmin

La aplicación de instalación tiene el siguiente formato:

La instalación de EasyPHP no presenta problemas y se crea una estructura de directorios en el sistema de archivos:

`easyphp.exe`	el ejecutable de la aplicación
`apache`	la estructura de directorios del servidor Apache
`mysql`	la estructura de directorios de MySQL SGBD
`phpmyadmin`	la estructura de directorios de la aplicación phpMyAdmin
`php`	la estructura de directorios de PHP
`www`	Raíz de la estructura de las páginas web servidas por el servidor Apache de EasyPHP
`cgi-bin`	árbol en el que se pueden colocar scripts CGI para el servidor Apache

La principal ventaja de EasyPHP es que la aplicación viene preconfigurada. De este modo, Apache, PHP y MySQL ya están configurados para funcionar juntos. Al ejecutar EasyPhp a través de su enlace en el menú de programas, aparece un ícono en la esquina inferior derecha de la pantalla.

Es la letra «E» con un punto rojo la que debe parpadear si el servidor web Apache y la base de datos MySQL están operativos. Al hacer clic con el botón derecho del ratón sobre ella, se accede a las opciones del menú:

La opción Administration permite realizar ajustes y pruebas de funcionamiento:

10.3.1. Configuración del intérprete PHP

El botón «Información de PHP» debe permitirle verificar el correcto funcionamiento de la combinación Apache-PHP: debe aparecer una página de información PHP:

El botón «Extensiones» muestra la lista de extensiones instaladas para PHP. En realidad, se trata de bibliotecas de funciones.

La pantalla anterior muestra, por ejemplo, que las funciones necesarias para utilizar la base de datos MySQL están presentes.

El botón «Configuración» muestra el login/motdepasse del administrador de la base de datos MySQL.

El uso de la base de datos MySQL va más allá del alcance de esta breve presentación, pero queda claro aquí que se debería establecer una contraseña para el administrador de la base de datos.

10.3.2. Administración de Apache

También en la página de administración de EasyPHP, el enlace «sus alias» permite definir alias asociados a un directorio. Esto permite colocar páginas web en otros lugares distintos al directorio www del árbol de directorios de easyPhp.

Si en la página anterior se ingresa la siguiente información:

y se utiliza el botón valider, se agregan las siguientes líneas al archivo <easyphp>\apache\conf\httpd.conf:

    Alias /st/ "e:/data/serge/web/"

    <Directory "e:/data/serge/web">
        Options FollowSymLinks Indexes
        AllowOverride None
        Order deny,allow
        allow from 127.0.0.1
        deny from all
    </Directory>

<easyphp> indica el directorio de instalación de EasyPHP. httpd.conf es el archivo de configuración del servidor Apache. Por lo tanto, se puede lograr lo mismo editando directamente este archivo. Normalmente, Apache aplica de inmediato cualquier cambio realizado en el archivo httpd.conf. Si no fuera así, habría que detenerlo y volver a iniciarlo, siempre mediante el ícono de EasyPHP:

Para concluir nuestro ejemplo, ahora podemos colocar páginas web en el árbol de directorios e:\data\serge\web:

dos>dir e:\data\serge\web\html\balises.htm

14/07/2002  17:02                3 767 balises.htm

y acceder a esta página utilizando el alias st:

En este ejemplo, el servidor Apache se ha configurado para funcionar en el puerto 81. Su puerto predeterminado es el 80. Esto se controla mediante la siguiente línea del archivo httpd.conf que ya hemos visto:

Port 81

10.3.3. El archivo de configuración de Apache [htpd.conf] htpd.conf

Cuando se desea realizar una configuración más detallada de Apache, es necesario modificar «manualmente» su archivo de configuración httpd.conf, ubicado aquí en la carpeta <easyphp>\apache\conf:

Estos son algunos puntos a tener en cuenta de este archivo de configuración:

`ligne(s)`	función
`ServerRoot "D:/Program Files/Apache Group/Apache"`	indica la carpeta donde se encuentra el árbol de directorios de Apache
`Port 80`	indica en qué puerto funcionará el servidor web. Por lo general, es el 80. Al modificar esta línea, se puede hacer que el servidor web funcione en otro puerto
`ServerAdmin root@istia.univ-angers.fr`	la dirección de correo electrónico del administrador del servidor Apache
`ServerName stahe.istia.uang`	el nombre de la máquina en la que «funciona» el servidor Apache
`ServerRoot "E:/Program Files/EasyPHP/apache"`	el directorio de instalación del servidor Apache. Cuando en el archivo de configuración aparecen nombres de archivos relativos, estos se refieren a este directorio.
`DocumentRoot "E:/Program Files/EasyPHP/www"`	la carpeta raíz del árbol de páginas web servidas por el servidor. Aquí, la URL http://machine/rep1/fic1.html corresponderá al archivo E:\Program Files\EasyPHP\www\rep1\fic1.html
`<Directory "E:/Program Files/EasyPHP/www">`	establece las propiedades de la carpeta anterior
`ErrorLog logs/error.log`	carpeta de registros, es decir, en realidad <ServerRoot>\logs\error.log: E:\Archivos de programa\EasyPHP\apache\logs\error.log. Este es el archivo que debe consultar si observa que el servidor Apache no funciona.
`ScriptAlias /cgi-bin/ "E:/Program Files/EasyPHP/cgi-bin/"`	E:\Archivos de programa\EasyPHP\cgi-bin será la raíz del árbol de directorios donde se podrán colocar los scripts CGI. Así, la URL del script CGI será: URL http://machine/cgi-bin/rep1/script1.pl E:\Program Files\EasyPHP\cgi-bin\rep1\script1.pl.
`<Directory "E:/Program Files/EasyPHP/cgi-bin/">`	establece las propiedades de la carpeta anterior
`LoadModule php4_module "E:/Program Files/EasyPHP/php/php4apache.dll" AddModule mod_php4.c`	líneas de carga de los módulos que permiten que Apache funcione con PHP4.
`AddType application/x-httpd-php .phtml .pwml .php3 .php4 .php .php2 .inc`	establece los sufijos de los archivos que deben considerarse como archivos que deben ser procesados por PHP

10.3.4. Administración de MySQL con PhpMyAdmin

En la página de administración de EasyPhp, haga clic en el botón PhpMyAdmin:

La lista desplegable debajo de Accueil permite ver las bases de datos actuales.
El número entre paréntesis es el número de tablas. Si se selecciona una base de datos, se muestran las tablas que contiene:

La página web ofrece varias operaciones que se pueden realizar en la base de datos:

Si hacemos clic en el enlace Afficher de user:

Aquí solo hay un usuario: root, quien es el administrador de MySQL. Al seguir el enlace Modifier, se podría cambiar su contraseña, que actualmente está vacía, lo cual no es recomendable para un administrador. No diremos más sobre PhpMyAdmin, que es un programa muy completo y que merecería una explicación de varias páginas.

10.4. PHP

Ya vimos cómo obtener PHP a través de la aplicación EasyPhp. Para obtener PHP directamente, debemos ir al sitio web http://www.php.net. PHP no solo se puede usar en el contexto de la web. También se puede utilizar como lenguaje de scripts en Windows. Crea el siguiente script y guárdalo con el nombre date.php:

<?
   // script PHP que muestra la hora
  $maintenant=date("j/m/y, H:i:s",time());
  echo "Nous sommes le $maintenant";
?>

En una ventana de DOS, navega hasta el directorio de [date.php] y ejecútalo:

dos>"e:\program files\easyphp\php\php.exe" date.php
X-Powered-By: PHP/4.2.0
Content-type: text/html

Nous sommes le 18/07/02, 09:31:01

10.5. PERL

Es preferible que Internet Explorer ya esté instalado. Si está presente, Active Perl lo configurará para que acepte scripts PERL en las páginas HTML, scripts que serán ejecutados por el propio IE del lado del cliente. El sitio web de Active Perl se encuentra en URL http://www.activestate.comA. Tras la instalación, PERL se instalará en un directorio que llamaremos <perl>. Contiene la siguiente estructura de directorios:

DEISL1   ISU        32 403  23/06/00  17:16 DeIsL1.isu
BIN            <REP>        23/06/00  17:15 bin
LIB            <REP>        23/06/00  17:15 lib
HTML           <REP>        23/06/00  17:15 html
EG             <REP>        23/06/00  17:15 eg
SITE           <REP>        23/06/00  17:15 site
HTMLHELP       <REP>        28/06/00  18:37 htmlhelp

El ejecutable perl.exe se encuentra en <perl>\bin. Perl es un lenguaje de scripts que funciona en Windows y Unix. Además, se utiliza en la programación de WEB. Escribamos un primer script:

# script PERL que muestra la hora

# módulos
use strict;

# programa
my ($secondes,$minutes,$heure)=localtime(time);
print "Il est $heure:$minutes:$secondes\n";

Guarde este script en un archivo llamado heure.pl. Abra una ventana DOS, navegue hasta el directorio donde se encuentra el script anterior y ejecútelo:

dos>e:\perl\bin\perl.exe heure.pl
Il est 9:34:21

10.6. VBScript, JavaScript, PerlScript

Estos son lenguajes de script para Windows. Pueden ejecutarse en diferentes entornos, como

Windows Scripting Host para su uso directo en Windows, especialmente para escribir scripts de administración del sistema
Internet Explorer. En este caso, se utiliza dentro de páginas HTML, a las que aporta cierta interactividad imposible de lograr únicamente con el lenguaje HTML.
Internet Information Server (IIS), el servidor web de Microsoft en NT/2000, y su equivalente, Personal Web Server (PWS), en Win9x. En este caso, se utiliza VBScript para la programación del lado del servidor web, una tecnología denominada ASP (Active Server Pages) por Microsoft.

Se descarga el archivo de instalación de URL: http://msdn.microsoft.com/scripting y se siguen los enlaces de Windows Script. Se instalan:

el contenedor Windows Scripting Host, que permite el uso de diversos lenguajes de script, como VBScript y JavaScript, así como otros como PerlScript, que viene incluido con Active Perl.
un intérprete VBscript
un intérprete de JavaScript

Veamos algunas pruebas rápidas. Creemos el siguiente programa vbscript:

' una clase
class personne
  Dim nom
  Dim age
End class

' creación de un objeto persona
Set p1=new personne
With p1
  .nom="dupont"
  .age=18
End With

' visualización de las propiedades de la persona p1
With p1
  wscript.echo "nom=" & .nom
  wscript.echo "age=" & .age
End With

Este programa utiliza objetos. Llamémoslo objets.vbs (el sufijo vbs indica que es un archivo de VBScript). Naveguemos hasta el directorio donde se encuentra y ejecutémoslo:

dos>cscript objets.vbs
Microsoft (R) Windows Script Host Version 5.6
Copyright (C) Microsoft Corporation 1996-2001. All rights reserved.

nom=dupont
age=18

Ahora construyamos el siguiente programa en JavaScript que utiliza matrices:

// matriz en una variante
// matriz vacía
tableau=new Array();
affiche(tableau);
// matriz que crece dinámicamente
for(i=0;i<3;i++){
  tableau.push(i*10);
}
// Visualización de la tabla
affiche(tableau);
// otra vez
for(i=3;i<6;i++){
  tableau.push(i*10);
}
affiche(tableau);

// tablas multidimensionales
WScript.echo("-----------------------------");

tableau2=new Array();
for(i=0;i<3;i++){
  tableau2.push(new Array());
  for(j=0;j<4;j++){
    tableau2[i].push(i*10+j);
  }//for j
}// for i
affiche2(tableau2);

// fin
WScript.quit(0);

// ---------------------------------------------------------
function affiche(tableau){
  // visualización de tabla
  for(i=0;i<tableau.length;i++){
    WScript.echo("tableau[" + i + "]=" + tableau[i]);
  }//para
}//función

// ---------------------------------------------------------
function affiche2(tableau){
  // visualización de tabla
  for(i=0;i<tableau.length;i++){
    for(j=0;j<tableau[i].length;j++){
      WScript.echo("tableau[" + i + "," + j + "]=" + tableau[i][j]);
    }// para j
  }//para i
}//función

Este programa utiliza tablas. Llamémoslo tableaux.js (el sufijo js indica que es un archivo de JavaScript). Naveguemos hasta el directorio donde se encuentra y ejecutémoslo:

dos>cscript tableaux.js
Microsoft (R) Windows Script Host Version 5.6
Copyright (C) Microsoft Corporation 1996-2001. Tous droits réservés.

tableau[0]=0
tableau[1]=10
tableau[2]=20
tableau[0]=0
tableau[1]=10
tableau[2]=20
tableau[3]=30
tableau[4]=40
tableau[5]=50
-----------------------------
tableau[0,0]=0
tableau[0,1]=1
tableau[0,2]=2
tableau[0,3]=3
tableau[1,0]=10
tableau[1,1]=11
tableau[1,2]=12
tableau[1,3]=13
tableau[2,0]=20
tableau[2,1]=21
tableau[2,2]=22
tableau[2,3]=23

Un último ejemplo en Perlscript para terminar. Es necesario tener instalado Active Perl para poder acceder a Perlscript.

<job id="PERL1">
  <script language="PerlScript">
       # de Perl clásico
    %dico=("maurice"=>"juliette","philippe"=>"marianne");
    @cles= keys %dico;
    for ($i=0;$i<=$#claves;$i++){
        $cle=$cles[$i];
      $valeur=$dico{$cle};
        $WScript->echo ("clé=".$cle.", valeur=".$valeur);
    }
     # de PerlScript utilizando objetos de Windows Script
    $dico=$WScript->CreateObject("Scripting.Dictionary");
    $dico->add("maurice","juliette");
    $dico->add("philippe","marianne");
    $WScript->echo($dico->item("maurice"));
    $WScript->echo($dico->item("philippe"));    
  </script>
</job>

Este programa muestra la creación y el uso de dos diccionarios: uno al estilo clásico de Perl y otro con el objeto Scripting Dictionary de Windows Script. Guardemos este código en el archivo dico.wsf (wsf es la extensión de los archivos de Windows Script). Naveguemos hasta la carpeta de este programa y ejecutémoslo:

dos>cscript dico.wsf
Microsoft (R) Windows Script Host Version 5.6
Copyright (C) Microsoft Corporation 1996-2001. Tous droits réservés.

clé=philippe, valeur=marianne
clé=maurice, valeur=juliette
juliette
marianne

Perlscript puede utilizar los objetos del contenedor en el que se ejecuta. En este caso, se trataba de objetos del contenedor de Windows Script. En el contexto de la programación web, los scripts VBscript, JavaScript y Perlscript pueden ejecutarse ya sea dentro del navegador IE, o bien en un servidor PWS o IIS. Si el script es un poco complejo, puede ser conveniente probarlo fuera del contexto web, dentro del contenedor de Windows Script, tal como se vio anteriormente. De esta manera, solo se podrán probar las funciones del script que no utilicen objetos propios del navegador o del servidor. Incluso con esta restricción, esta opción sigue siendo interesante, ya que, por lo general, resulta bastante poco práctico depurar scripts que se ejecutan en servidores web o navegadores.

10.7. JAVA

Java está disponible en URL: http://www.sun.com y se instala en una estructura de directorios que llamaremos <java>, la cual contiene los siguientes elementos:

22/05/2002  05:51       <DIR>          .
22/05/2002  05:51       <DIR>          ..
22/05/2002  05:51       <DIR>          bin
22/05/2002  05:51       <DIR>          jre
07/02/2002  12:52                8 277 README.txt
07/02/2002  12:52               13 853 LICENSE
07/02/2002  12:52                4 516 COPYRIGHT
07/02/2002  12:52               15 290 readme.html
22/05/2002  05:51       <DIR>          lib
22/05/2002  05:51       <DIR>          include
22/05/2002  05:51       <DIR>          demo
07/02/2002  12:52           10 377 848 src.zip
11/02/2002  12:55       <DIR>          docs

En la carpeta «bin» se encuentran javac.exe, el compilador de Java, y java.exe, la máquina virtual de Java. Se pueden realizar las siguientes pruebas:

Escribir el siguiente script:

//programa Java que muestra la hora

import java.io.*;
import java.util.*;

public class heure{
  public static void main(String arg[]){
     // se obtiene la fecha y la hora
     Date maintenant=new Date();
      // se muestra
     System.out.println("Il est "+maintenant.getHours()+
        ":"+maintenant.getMinutes()+":"+maintenant.getSeconds());
  }//main
}//clase

Guarde este programa con el nombre heure.java. Abra una ventana DOS. Navegue hasta el directorio del archivo heure.java y compílelo:

dos>c:\jdk1.3\bin\javac heure.java
Note: heure.java uses or overrides a deprecated API.
Note: Recompile with -deprecation for details.

En el comando anterior, [c:\jdk1.3\bin\javac] debe sustituirse por la ruta exacta del compilador javac.exe. Debe obtener, en el mismo directorio que heure.java, un archivo llamado heure.class, que es el programa que ahora ejecutará la máquina virtual java.exe.

Ejecuta el programa:

dos>c:\jdk1.3\bin\java heure
Il est 10:44:2

En el comando anterior, [c:\jdk1.3\bin\java] debe sustituirse por la ruta exacta de la máquina virtual Java [java.exe].

10.8. Servidor Apache

Ya vimos que se puede obtener el servidor Apache con la aplicación EasyPhp. Para descargarlo directamente, visitaremos el sitio web de Apache: http://www.apache.org. La instalación crea una estructura de directorios donde se encuentran todos los archivos necesarios para el servidor. Llamemos a este directorio <apache>. Contiene una estructura similar a la siguiente:

UNINST   ISU       118 805  23/06/00  17:09 Uninst.isu
HTDOCS         <REP>        23/06/00  17:09 htdocs
APACHE~1 DLL       299 008  25/02/00  21:11 ApacheCore.dll
ANNOUN~1             3 000  23/02/00  16:51 Announcement
ABOUT_~1            13 197  31/03/99  18:42 ABOUT_APACHE
APACHE   EXE        20 480  25/02/00  21:04 Apache.exe
KEYS                36 437  20/08/99  11:57 KEYS
LICENSE              2 907  01/01/99  13:04 LICENSE
MAKEFI~1 TMP        27 370  11/01/00  13:47 Makefile.tmpl
README               2 109  01/04/98   6:59 README
README   NT          3 223  19/03/99   9:55 README.NT
WARNIN~1 TXT           339  21/09/98  13:09 WARNING-NT.TXT
BIN            <REP>        23/06/00  17:09 bin
MODULES        <REP>        23/06/00  17:09 modules
ICONS          <REP>        23/06/00  17:09 icons
LOGS           <REP>        23/06/00  17:09 logs
CONF           <REP>        23/06/00  17:09 conf
CGI-BIN        <REP>        23/06/00  17:09 cgi-bin
PROXY          <REP>        23/06/00  17:09 proxy
INSTALL  LOG         3 779  23/06/00  17:09 install.log

`conf`	carpeta de archivos de configuración de Apache
`logs`	carpeta de los archivos de registro (seguimiento) de Apache
`bin`	Los ejecutables de Apache

10.8.1. Configuración

En la carpeta <Apache>\conf se encuentran los siguientes archivos: httpd.conf, srm.conf, access.conf. En las últimas versiones de Apache, los tres archivos se han fusionado en httpd.conf. Ya hemos presentado los puntos importantes de este archivo de configuración. En los siguientes ejemplos, se utilizó la versión de Apache de EasyPhp para las pruebas y, por lo tanto, su archivo de configuración. En este, DocumentRoot, que designa la raíz del árbol de páginas web, es e:\program files\easyphp\www.

10.8.2. Enlace PHP - Apache

Para realizar la prueba, crea el archivo intro.php con la siguiente línea:

<? phpinfo() ?>

y colóquelo en la raíz de las páginas del servidor Apache (DocumentRoot mencionado anteriormente). Acceda a http://localhost/intro.php. Debería aparecer una lista de información php:

El siguiente script PHP muestra la hora. Ya lo hemos visto antes:

<?
   // tiempo: número de milisegundos desde el 01/01/1970
   // "formato de visualización de fecha y hora
   // d: día en dos dígitos
   // m: mes en dos dígitos
   // y: año en dos dígitos
   // H: hora 0,23
   // i: minutos
   // s: segundos
  print "Nous sommes le " . date("d/m/y H:i:s",time());
?>

Colocamos este archivo de texto en el directorio raíz de las páginas del servidor Apache (DocumentRoot) y lo llamamos date.php. Accedamos con un navegador a URL http://localhost/date.php. Aparecerá la siguiente página:

10.8.3. Enlace PERL-APACHE

Se crea mediante una línea con el siguiente formato: ScriptAlias /cgi-bin/ "E:/Program Files/EasyPHP/cgi-bin/" del archivo <apache>\conf\httpd.conf. Su sintaxis es ScriptAlias /cgi-bin/ "<cgi-bin>", donde <cgi-bin> es la carpeta en la que se pueden colocar los scripts CGI. CGI (Common Gateway Interface) es un estándar de comunicación entre el servidor WEB y las aplicaciones. Un cliente solicita al servidor web una página dinámica, c.a.d, es decir, una página generada por un programa. Por lo tanto, el servidor WEB debe solicitar a un programa que genere la página. CGI define la comunicación entre el servidor y el programa, en particular el modo de transmisión de la información entre estas dos entidades. Si es necesario, modifica la línea ScriptAlias /cgi-bin/ "<cgi-bin>" y reinicia el servidor Apache. A continuación, realiza la siguiente prueba:

Escriba el script:

#!c:\perl\bin\perl.exe

# script PERL que muestra la hora

# módulos
use strict;

# programa
my ($secondes,$minutes,$heure)=localtime(time);
print <<FINHTML
Content-Type: text/html

<html>
 <head>
  <title>heure</title>
 </head>
 <body>
  <h1>Il est $heure:$minutes:$secondes</h1>
 </body>
FINHTML
;

Coloca este script en <cgi-bin>\heure.pl, donde <cgi-bin> es la carpeta que puede contener scripts CGI (véase httpd.conf). La primera línea #!c:\perl\bin\perl.exe indica la ruta del ejecutable perl.exe. Modifíquela si es necesario.
Inicie Apache si aún no lo ha hecho
Acceda con un navegador a URL http://localhost/cgi-bin/heure.pl. Se obtendrá la siguiente página:

10.9. El servidor PWS

10.9.1. Instalación de t

El servidor PWS (Personal Web Server) es una versión personal del servidor IIS (Internet Information Server) de Microsoft. Este último está disponible en los equipos con NT y 2000. En las máquinas con Win9x, PWS suele estar disponible con el paquete de instalación de Internet Explorer. Sin embargo, no se instala de forma predeterminada. Es necesario realizar una instalación personalizada de IE y solicitar la instalación de PWS. Además, está disponible en el NT 4.0 Option Pack para Windows 95.

10.9.2. Primeras pruebas

La ruta de las páginas web del servidor PWS es unidad:\inetpub\wwwroot, donde unidad es el disco en el que instalaste PWS. A partir de ahora, supondremos que esa unidad es D. Por lo tanto, la URL http://machine/rep1/page1.html corresponderá al archivo d:\inetpub\wwwroot\rep1\page1.html. El servidor PWS interpreta cualquier archivo con la extensión .asp (Active Server Pages) como un script que debe ejecutar para generar una página HTML. PWS opera por defecto en el puerto 80. El servidor web Apache también... Por lo tanto, si tiene ambos servidores, debe detener Apache para poder trabajar con PWS. La otra solución es configurar Apache para que funcione en otro puerto. Así, en el archivo de configuración de Apache, se reemplaza la línea «Port 80» por «Port 81»; a partir de ese momento, Apache funcionará en el puerto 81 y podrá utilizarse al mismo tiempo que PWS. Si se ha iniciado PWS y se solicita URL http://localhost, se obtiene una página similar a la siguiente:

10.9.3. Enlace PHP - PWS

A continuación se encuentra un archivo .reg destinado a modificar el registro. Haz doble clic en este archivo para modificar el registro. Aquí, el archivo dll necesario se encuentra en d:\php4 junto con el ejecutable de PHP. Modifícalo si es necesario. Las barras invertidas (\) deben duplicarse en la ruta de la DLL.

REGEDIT4

[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\w3svc\parameters\Script Map]
".php"="d:\\php4\\php4isapi.dll"

Reinicia la máquina para que se apliquen los cambios en el Registro.

Crea una carpeta «php» en d:\inetpub\wwwroot, que es la raíz del servidor PWS. Una vez hecho esto, activa PWS y ve a la pestaña «Avanzado». Seleccione el botón «Agregar» para crear una carpeta virtual:

Répertoire/Parcourir : d:\inetpub\wwwroot\php
Alias : php
Cocher la case exécuter.

Confirme los cambios y vuelva a ejecutar PWS. Inserte en d:\inetpub\wwwroot\php el archivo intro.php, que contiene únicamente la siguiente línea:

<? phpinfo() ?>

Solicitar al servidor PWS el archivo URL http://localhost/php/intro.php. Debería aparecer la lista de información de PHP que ya se muestra con Apache.

10.10. Tomcat: servlets de Java y páginas JSP (Java Server Pages)

Tomcat es un servidor web que permite generar páginas HTML mediante servlets (programas Java ejecutados por el servidor web) o páginas JSP (Java Server Pages), que combinan código Java y código HTML. Es el equivalente a las páginas ASP (Active Server Pages) del servidor IIS/PWS de Microsoft, en las que se combina código VBScript o JavaScript con código HTML.

10.10.1. Instalación

Tomcat está disponible en: http://jakarta.apache.org. Se descarga un archivo .exe de instalación. Al ejecutar este programa, primero indica qué JDK va a utilizar. De hecho, Tomcat necesita un JDK para instalarse y, posteriormente, compilar y ejecutar los servlets de Java. Por lo tanto, es necesario que tengas instalado un JDK de Java antes de instalar Tomcat. Se recomienda utilizar el JDK más reciente. La instalación creará una estructura de directorios <tomcat>:

consiste simplemente en descomprimir este archivo en un directorio. Elige un directorio cuya ruta contenga únicamente nombres sin espacios (por ejemplo, no «Program Files»), ya que existe un error en el proceso de instalación de Tomcat. Por ejemplo, puedes usar C:\tomcat o D:\tomcat. Llamemos a este directorio <tomcat>. En su interior encontrarás una carpeta llamada jakarta-tomcat y, dentro de ella, la siguiente estructura de directorios:

LOGS           <REP>        15/11/00   9:04 logs
LICENSE              2 876  18/04/00  15:56 LICENSE
CONF           <REP>        15/11/00   8:53 conf
DOC            <REP>        15/11/00   8:53 doc
LIB            <REP>        15/11/00   8:53 lib
SRC            <REP>        15/11/00   8:53 src
WEBAPPS        <REP>        15/11/00   8:53 webapps
BIN            <REP>        15/11/00   8:53 bin
WORK           <REP>        15/11/00   9:04 work

10.10.2. Inicio/Cierre del servidor web Tomcat

Tomcat es un servidor web, al igual que Apache o PWS. Para iniciarlo, hay enlaces disponibles en el menú de programas:

`Start Tomcat`	para iniciar Tomcat
`Stop Tomcat`	para detenerlo

Al iniciar Tomcat, aparece una ventana de DOS con el siguiente contenido:

Se puede minimizar esta ventana de DOS. Permanecerá abierta mientras Tomcat esté activo. A continuación, se pueden realizar las primeras pruebas. El servidor web Tomcat opera en el puerto 8080. Una vez iniciado Tomcat, abre un navegador web y accede a http://localhost:8080. Deberías ver la siguiente página:

Sigue el enlace «Servlet Examples»:

Haz clic en el enlace Execute de RequestParameters y luego en el de Source. Tendrás una primera idea de qué es un servlet de Java. Puedes hacer lo mismo con los enlaces de las páginas JSP.

Para detener Tomcat, usa el enlace «Stop Tomcat» en el menú de programas.

10.11. Jbuilder

JBuilder es un entorno de desarrollo de aplicaciones Java. Para crear servlets de Java que no cuenten con interfaces gráficas, no es imprescindible contar con un entorno de este tipo. Un editor de texto y un JDK son suficientes. Sin embargo, JBuilder ofrece algunas ventajas adicionales con respecto a la técnica anterior:

facilidad de depuración: el compilador señala las líneas con errores de un programa y es fácil ubicarse en ellas
sugerencias de código: cuando se utiliza un objeto Java, JBuilder muestra en línea la lista de sus propiedades y métodos. Esto resulta muy práctico, ya que la mayoría de los objetos Java tienen numerosas propiedades y métodos que son difíciles de recordar.

JBuilder se encuentra en el sitio web http://www.borland.com/jbuilder. Es necesario llenar un formulario para obtener el software. Se envía una clave de activación por correo electrónico. Para instalar JBuilder 7, por ejemplo, se procedió de la siguiente manera:

se obtuvieron tres archivos zip: uno para la aplicación, otro para la documentación y otro para los ejemplos. Cada uno de estos archivos zip cuenta con un enlace independiente en el sitio web de JBuilder.
Primero se instaló la aplicación, luego la documentación y, por último, los ejemplos
Al iniciar la aplicación por primera vez, se solicita una clave de activación: es la que se le envió por correo electrónico. En la versión 7, esta clave es, de hecho, un archivo de texto completo que se puede colocar, por ejemplo, en la carpeta de instalación de JB7. En el momento en que se solicite la clave, se debe seleccionar dicho archivo. Una vez hecho esto, ya no se volverá a solicitar la clave.

Hay algunas configuraciones útiles que se deben realizar si se desea utilizar JBuilder para crear servlets de Java. De hecho, la versión denominada «Jbuilder personal» es una versión simplificada que, entre otras cosas, no incluye todas las clases necesarias para el desarrollo web en Java. Se puede hacer que JBuilder utilice las bibliotecas de clases que proporciona Tomcat. Para ello, se procede de la siguiente manera:

ejecutar JBuilder

activar la opción Herramientas/Configurar JDKs

En la sección «Configuración de JDK» que se muestra arriba, normalmente aparece en el campo «Name» la versión 1.3.1 de JDK. Si tienes una versión más reciente de JDK, usa el botón Change para indicar el directorio de instalación de esta última. En el ejemplo anterior, se ha especificado el directorio E:\Program Files\jdk14, donde se había instalado un JDK 1.4. A partir de ahora, JBuilder utilizará este JDK para sus compilaciones y ejecuciones. En la sección (Clase, Fuente, Documentación) se encuentra la lista de todas las bibliotecas de clases que JBuilder explorará; en este caso, las clases de JDK 1.4. Las clases de este último no son suficientes para desarrollar aplicaciones web en Java. Para agregar otras bibliotecas de clases, se utiliza el botón Add y se seleccionan los archivos .jar adicionales que se deseen utilizar. Los archivos .jar son bibliotecas de clases. Tomcat 4.x incluye todas las bibliotecas de clases necesarias para el desarrollo web. Se encuentran en <tomcat>\common\lib, donde <tomcat> es el directorio de instalación de Tomcat:

Con el botón Add, agregaremos estas bibliotecas, una por una, a la lista de bibliotecas exploradas por JBuilder:

A partir de ahora, podemos compilar programas Java que cumplan con el estándar J2EE, en particular los servlets Java. JBuilder solo sirve para la compilación; la ejecución la realiza posteriormente Tomcat según las modalidades explicadas en el curso.

10.12. El servidor web Cassini

Para trabajar con la plataforma .NET de Microsoft, se puede utilizar el servidor web Cassini. Este está disponible a través de otro producto llamado [WebMatrix], que es un entorno gratuito de desarrollo web para las plataformas .NET, disponible en la URL:

Seguiremos cuidadosamente los pasos de instalación del producto:

descargar e instalar la plataforma .NET (versión 1.1 de marzo de 2004)
descargar e instalar WebMatrix
descargar e instalar MSDE (Microsoft Data Engine), que es una versión limitada de SQL Server.

Una vez finalizada la instalación, el producto [WebMatrix] estará disponible en los programas instalados:

El enlace [ASP.NET] de Web Matrix inicia el desarrollo de IDE a partir de ASP.NET:

El enlace [Class Browser] inicia una herramienta de exploración de clases .NET:

Para probar la instalación, ejecutemos [WebMatrix]:

4231

Al iniciarse por primera vez, [WebMatrix] solicita las características del nuevo projet.C; esta es su configuración predeterminada. Se puede configurar para que no aparezca este cuadro de diálogo al iniciarse. Esto se logra mediante la opción [File/New File]. [WebMatrix] permite crear plantillas para diferentes aplicaciones web. Arriba, en (1), especificamos que queríamos crear una aplicación [ASP.ET Page], que es una página web. En (2), indicamos la carpeta en la que se guardará esta página web. En (3) indicamos el nombre de la página. Debe tener el sufijo .aspx. Por último, en (4), especificamos que queremos trabajar con el lenguaje VB.NET, ya que [WebMatrix] también es compatible con los lenguajes C# y J#.

Una vez hecho esto, [WebMatrix] muestra una página de edición del archivo [demo1.aspx]. Allí colocamos el siguiente código:

La pestaña [Design] permite «diseñar» la página web que queremos crear. El proceso es similar al de un IDE para la creación de aplicaciones de Windows.
El diseño gráfico de la página web en [Design] generará código HTML en la pestaña [HTML]
La página web puede contener controles que generen eventos a los que hay que responder, como un botón, por ejemplo. Estos eventos serán manejados por el código VB.NET, que se colocará en la pestaña [Code]
Al final, el archivo demo1.aspx es un archivo de texto que combina el código HTML y el código VB.NET, resultado del diseño gráfico realizado en [Design], del código HTML que se pudo agregar manualmente en [HTML] y del código VB.NET colocado en [Code]. El archivo completo está disponible en la pestaña [All].
Un desarrollador con experiencia en ASP.ET puede crear el archivo demo1.aspx directamente con un editor de texto sin necesidad de utilizar ningún IDE.

Seleccionemos la opción [All]. Observamos que [WebMatrix] ya ha generado código:

<%@ Page Language="VB" %>
<script runat="server">

    ' Inserta aquí el código de la página
    '

</script>
<html>
<head>
</head>
<body>
    <form runat="server">
        <!-- Inserte el contenido aquí -->
    </form>
</body>
</html>

No vamos a intentar explicar este código aquí. Lo transformamos de la siguiente manera:

<html>
<head>
    <title>Démo asp.net </title>
</head>
<body>
    Il est <% =Date.Now.ToString("hh:mm:ss") %>
</body>
</html>

El código anterior es una combinación de HTML y del código VB.NET. Este se ha colocado entre las etiquetas <% ... %>. Para ejecutar este código, utilizamos la opción [View/Start]. [WebMatrix] inicia entonces el servidor web Cassini si aún no está en ejecución

Podemos aceptar los valores predeterminados que se proponen en este cuadro de diálogo y seleccionar la opción [Start]. El servidor web ya está activo. [WebMatrix] iniciará entonces el navegador predeterminado de la máquina en la que se encuentra y solicitará la página URL http://localhost:8080/demo1.aspx:

Es posible utilizar el servidor Cassini fuera de [WebMatrix]. El ejecutable del servidor se encuentra en <WebMatrix>\<versión>\WebServer.exe, donde <WebMatrix> es el directorio de instalación de [WebMatrix] y <versión> es su número de versión:

Abramos una ventana de DOS y naviguemos hasta la carpeta del servidor Cassini:

E:\Program Files\Microsoft ASP.NET Web Matrix\v0.6.812>dir
...
29/05/2003  11:00               53 248 WebServer.exe
...

Ejecutemos [WebServer.exe] sin parámetros:

E:\Program Files\Microsoft ASP.NET Web Matrix\v0.6.812>webserver

Aparece una ventana de ayuda:

La aplicación [WebServer], también conocida como servidor web Cassini, admite tres parámetros:

/port: número de puerto del servicio web. Puede ser cualquiera. El valor predeterminado es 80
/path: ruta física de una carpeta en el disco
/vpath: carpeta virtual asociada a la carpeta física anterior. Hay que tener en cuenta que la sintaxis no es /path=ruta, sino /vpath:ruta, a diferencia de lo que indica el panel de ayuda anterior.

Colocamos el archivo [demo1.aspx] en la siguiente carpeta:

Asociemos a la carpeta física [d:\data\devel\webmatrix] la carpeta virtual [/webmatrix]. El servidor web podría iniciarse de la siguiente manera:

E:\Program Files\Microsoft ASP.NET Web Matrix\v0.6.812>webserver /port:100 /path:"d:\data\devel\webmatrix" /vpath:"/webmatrix"

El servidor Cassini queda entonces activo y su ícono aparece en la barra de tareas. Si hacemos doble clic en él:

Aparecen los parámetros de inicio del servidor. También existe la posibilidad de detener [Stop] o reiniciar [Restart] el servidor web. Al hacer clic en el enlace [Root URL], se muestra la raíz del árbol web del servidor en un navegador:

Sigamos el enlace [demos]:

y luego el enlace [demo1.aspx]:

Por lo tanto, se observa que si la carpeta física P=[d:\data\devel\webmatrix] se ha asociado a la carpeta virtual V=[/webmatrix] y el servidor opera en el puerto 100, la página web [demo1.aspx], que se encuentra físicamente en [P\demos], será accesible localmente a través de URL y [http://localhost:100/V/demos/demo1.aspx].

Hemos demostrado, en este caso particular, que el desarrollo web ASP.NET se puede realizar con un simple editor de texto para escribir las páginas web y el servidor web Cassini para probarlas. Esto es válido independientemente de la complejidad de la aplicación. El IDE [WebMatrix] ofrece ciertas facilidades en el desarrollo, pero son pocas. Una herramienta como Visual Studio.NET es mucho más eficaz, pero es un producto comercial.