00 PHP. Paginas Web Dinamicas
- 1. Páginas WEB dinámicas Tipos de páginas web Un ejemplo de página estática Una sencilla clasificación de los Cualquier usuario que acceda a ésta -ya sea en modo local, o a través de un servidor tipos de páginas web podría ser remoto– visualizará siempre la misma fecha: 11 de julio de 2005. esta: <HTML> s Páginas estáticas <HEAD> s Páginas dinámicas </HEAD> <BODY> Páginas estáticas Hoy es 11-7-2006 y son las 14:23:57 horas </BODY> Diremos que una página es </HTML> estática cuando sus contenidos no pueden ser modificados –ni desde el servidor que la aloja (ordenador ejemplo1.html remoto) ni tampoco desde el cliente (navegador)– mediante ninguna intervención del usuario ni Una par de páginas dinámicas tampoco a través de ningún programa. Si pulsas en el enlace del primero de estos dos ejemplos verás que la fecha que Páginas dinámicas aparece en la página es la fecha actual de tu sistema, y además, cada vez que pulses el botón Actualizar de tu navegador podrás comprobar que se actualiza la hora. Llamaremos dinámicas a las páginas cuyos contenidos sí Una intervención del usuario modifica los contenidos. pueden ser modificados –de forma automática o mediante la intervención de un usuario– bien <HTML> sea desde el cliente y/o desde el <HEAD> servidor. <script language="JavaScript"> var son= new Date(); Para que esas modificaciones var fecha=son.getDate()+" - "+(son.getMonth()+1)+" - "+son.getFullYear(); puedan producirse es necesario var hora=son.getHours()+":"+son.getMinutes()+":"+son.getSeconds(); que algo o alguien especifique: document.write('Hoy es '+fecha+' y son las '+hora+' horas'); qué, cómo, cuándo, dónde y de qué forma deben realizarse, y que </script> exista otro algo o alguien capaz de </HEAD> acceder, interpretar y ejecutar <BODY> tales instrucciones en el momento </BODY> preciso. </HTML> Igual que ocurre en la vida cotidiana, las especificaciones y las ejemplo2.html instrucciones requieren: un lenguaje para definirlas; un En este otro ejemplo la modificación de los contenidos no requiere intervención alguna soporte para almacenarlas y un por parte del usuario. Cada 5 segundos (fíjate donde dice var frecuencia=5000). Cinco intérprete capaz de eje- cutarlas. mil es el período de actualización, expresado en milisegundos) se rescribirán de forma Somos capaces de entender unas automática la fecha y la hora. Tenemos un cronómetro automático. instrucciones escritas en castellano pero si estuvieran escritas en <HTML> búlgaro las cosas seguramente <HEAD> serían bastante distintas, y, por supuesto, a un búlgar@ le pasaría <script language="JavaScript"> justamente lo contrario. var reloj=0; var frecuencia=5000; Igual ocurre con los programas function actualiza(){ intérpretes de los lenguajes de var son= new Date(); script. Ellos también requieren var fecha=son.getDate()+" - "+(son.getMonth()+1)+" - "+son.getFullYear(); órdenes escritas en su propio var hora=son.getHours()+":"+son.getMinutes()+":"+son.getSeconds(); idioma. var escribe='Hoy es '+fecha+' y son las '+hora+' horas'; var situa=document.getElementById('capa0'); Scripts situa.innerHTML=escribe; reloj=setTimeout("actualiza()",frecuencia); Se llama script a un conjunto de } instrucciones escritas en un </script> lenguaje determinado que van </HEAD> incrustadas dentro de una página <BODY onLoad="actualiza()";> WEB de modo que su intérprete <div id="capa0"> pueda acceder a ellas en el </div> momento en el que se requiera su </BODY> ejecución. </HTML> Cuando se incrustan scripts en una página WEB empiezan a ejemplo3.html convivir en un mismo docu- mento informaciones destina- das a distintos intérpretes. Ejercicio nº 1 Por una parte, el código HTML que ha de ser interpretado por el Abre tu block de notas y escribe el código fuente del ejemplo nº 3 prestando especial navegador, y por la otra, los atención a la trascripción de las mayúsculas y las minúsculas (JavaScript, igual que PHP, scripts que han de ser ejecuta- dos –dependiendo del lenguaje en el diferencia entre unas y otras) y también a las comillas y a los punto y coma que aparecen que hayan sido escritos– por su al final de cada línea. intérprete correspon- diente. Guarda el documento con el nombre ejercicio1.html, luego abrélo con el navegador y comprueba el funcionamiento del cronómetro. La manera de diferenciar los Una vez que hayas comprobado que funciona, prueba a sustituir el 5000 por otros valores contenidos es delimitar los scripts marcando su comienzo con una numéricos y comprueba como se modifica la frecuencia del cronómetro. etiqueta de apertura <script> y señalando el final con una etiqueta
- 2. de cierre </script>. Servidores y clientes Lo que no está contenido entre esas etiquetas se considerará Es frecuente observar en la calle que son muchas las personas que cuando se refieren código HTML. a los servidores lo hacen con sí se tratara de máquinas complejísimas, misteriosas, La posibilidad de insertar en un lejanas y enormes que, bajo esa aureola de cripticismo, parecen totalmente distintas al mismo documento scripts ordenador que usamos habitualmente. ¡Nada más lejos de la realidad! desarrollados en distintos len- guajes obliga a especificar cuál se Intentaremos aclarar algunos conceptos con ejemplos cotidianos. Pensemos en esos ha utilizado en cada caso, para ordenadores remotos (también llamados host) como si se tratara de uno esos sitios que en el momento en el que desde los que se sirven comidas a domicilio. vayan a ser ejecutados se invoque el intérprete adecuado. Quizá lo primero en lo que se te ocurra pensar sea en una pizza, no porque desconozcas que también es posible comprar otras cosas sino por la popularidad de ese Para ello, dentro de la propia tipo de servicio. Algo similar ocurre con los host. La frecuencia con la que accedemos a etiqueta de apertura (<script>) se ellos en demanda de páginas web hace que tendamos a identificarlos con ellas, pero... inserta una referencia al tipo de también los host ofrecen –o pueden ofrecer– más servicios. Sigamos con las comidas a lenguaje con esta sintaxis: domicilio. language="nombre" Cada una de esas empresas puede atender peticiones de uno solo o de varios Por ejemplo: servicios distintos (pizzas, helados, o platos regionales, por citar algunos ejemplos), pero la oferta de cada uno de esos servicios requiere una infraestructura adecuada a cada <script language="PHP"> caso. La oferta de pizzas exigirá disponer de un horno, y la de helados necesitará de una ...... instalación frigorífica. ...... instrucciones .. ...... Pues bien, algo muy similar ocurre con los host. También éstos pueden ofrecer uno o </script> varios servicios (páginas web, correo electrónico, transferencias FTP, noticias, etcétera) y indicaría que las instrucciones también es necesario que cada servicio disponga de su propia infraestructura, que en están escritas con la sintaxis de este caso sería un programa distinto (software de servidor) para cada uno de ellos. PHP. Como puedes ver, no basta con hablar de servidores. Es necesario especificar Por el contrario, en este otro también qué es lo que sirven, para lo cual habría que decir: servidor de páginas web, supuesto: servidor de correo, etcétera y tener presente que -aunque convivan en el mismo host– cada uno de ellos requiere su propio software y su propia configuración. <script language="JavaScript"> ...... Resumiendo, cuando en lenguaje coloquial hablamos de un servidor estamos aludiendo ...... instrucciones .. ...... un host (ordenador remoto) –el tamaño y la lejanía carecen de importancia– provisto de </script> programas (software de servidor) que, cuando está accesible (conectado a Internet) y con el software activo (servidor en funcionamiento) es capaz de atender peticiones y estaríamos señalando que en las devolver a los clientes los documentos solicitados, o un mensaje de error, en el caso de instrucciones contenidas en el que no estuvieran disponibles. script se ha utilizado sintaxis de JavaScript. Veamos un ejemplo de como se desarrolla ese proceso de petición-respuesta. Para el caso concreto de PHP, Para leer el correo electrónico necesitas disponer de un programa –supongamos que existe una sintaxis alternativa, es Outlook Express– instalado en tu ordenador y hacer, a través de él, una petición a mucho más cómoda y que es la un ordenador remoto (host). Si quisieras visualizar páginas web tendrías que utilizar un que se usa habitualmente. programa distinto –Internet Explorer, por ejemplo– capaz de realizar esta otra tarea. Es la siguiente: Al programa que utilizamos para realizar cada petición le llamaremos cliente. <? ...... ¿Qué es una petición? ......instrucciones.. ...... Una petición es un conjunto de datos que un cliente (recuerda que el cliente siempre ?> es uno de los programas instalados en tu ordenador) envía a través de Internet solicitando una respuesta determinada por parte de un ordenador remoto. <? hará la misma función que <script language="PHP"> y ?> ¿Qué contendría esa petición? será equivalente a </script>. Cada tipo de petición tendrá contenidos distintos. Por ejemplo, cuando se trata de Lenguajes leer mensajes de correo, la petición realizada por el cliente (Outlook Express) contendría, entre otros, muchos de los datos de la configuración de la cuenta, tales como: el protocolo (forma de comunicación) – en el caso del correo lo habitual sería el Hay múltiples posibilidades en cuanto a lenguajes de script. Pero protocolo POP (Post Office Protocol)–, el nombre de host donde está alojado el buzón antes de hacer mención a algunos (servidor POP ó servidor de correo entrante), el nombre de la cuenta, la contraseña de de ellos es conveniente hacer una acceso, y algunas otras informaciones relativas a la gestión de esa cuenta tales como si clasificación previa. deben conservarse o no los mensajes en el servidor, etcétera. Los lenguajes de script pueden ¿Qué ocurre con esa petición? clasificarse en dos tipos: Cualquier petición pasa en primera instancia por un servidor de nombres de dominio • Del lado del cliente (Domain Name Server) DNS, una especie de guía telefónica que contiene los nombres de • Del lado del servidor los servidores y las direcciones IP a través de las cuales están conectados a Internet. En la columna derecha hemos Podría decirnos –los datos son ficticios– que olmo.cnice.mecd.es es el nombre de un comentado algunos conceptos host que está conectado a Internet a través de la dirección IP 111.112.113.114 sobre servidores y clientes que pueden serte útiles a la hora de Una vez resuelta esa petición por el servidor DNS (direccionamiento de la petición a la analizar las diferencias entre estos IP correspondiente) se comprobará si esa IP está activa (si efectivamente hay un dos tipos de lenguaje. ordenador conectado a través de ella) y, en caso de estarlo, se determinará si ese ordenador al que estamos accediendo es capaz de atender la petición. Lenguajes del lado del cliente ¿Qué tiene que ocurrir para que pueda atenderse una petición? Diremos que un lenguaje es del Es necesario que el ordenador remoto tenga instalado y funcionando el software lado del cliente cuando el de servidor adecuado al protocolo de nuestra petición. Ello quiere decir -siguiendo intérprete que ha de ejecutar sus con el ejemplo– que el ordenador remoto debe tener instalado y funcionando un software scripts es accesible desde éste – el cliente– sin que sea necesario específico de servidor de correo capaz de interpretar el protocolo POP3 especificado en hacer ninguna peti- ción al la petición. servidor. ¡Cuidado! Seguramente te ha ocurrido alguna vez que al intentar acceder El ordenador remoto debe tener instalado y funcionando el software adecuado a cada a una página web ha aparecido un mensaje diciendo que la correcta tipo de petición (servicio) que deba atender. visualización de la página requiere No basta con decir servidor, es preciso conocer los servicios que presta y es factible que un
- 3. un plug-in determinado, y que, a mismo ordenador preste -simultáneamente- varios servicios, siempre que tenga instalado y la vez, se te haya ofrecido la posi- activo el software específico para cada uno de esos servicios. bilidad de descargarlo en ese momento. Cuando el ordenador remoto acepta la petición el software de servidor y/o las Eso ocurre porque cuando el navegador –que en el caso de las aplicaciones del lado del servidor (software instalado en el ordenador remoto y páginas web es el cliente– trata de vinculado con el software de servidor) resuelven la petición (comprobar que el nombre interpretar la página, encuentra de la cuenta y la contraseña son correctas, comprobar si existen mensajes, borrarlos del incrustado en ella algo (un buzón si así lo especifica la petición, etc.) y devuelven al cliente (recuerda que el fichero de sonido, una animación cliente era nuestro Outlook Express) la información requerida. Flash, etcétera) que –de forma muy similar a lo que ocurre con los Solo falta que una vez recibida la respuesta Outlook Express (cliente) interprete la scripts– requiere un intérprete información recibida y nos permita visualizar o imprimir el contenido de los mensajes adecuado del que no dispone en descargados del servidor. ese momento. Cuando los scripts contenidos en Servidor y cliente en una misma máquina un documento son de este tipo, el servidor lo entrega al cliente si efectuar ningún tipo de Hasta ahora -al referirnos a servidores y clientes– hemos hecho alusión a dos modificación. máquinas: nuestro propio ordenador (ordenador local) en el que estarían instaladas las aplicaciones cliente y un ordenador remoto en el que se alojarían las aplicaciones de Lenguajes servidor. Eso es lo más habitual, pero no es la única posibilidad. del lado del servidor Dado que servidor y cliente son únicamente aplicaciones es perfectamente posible Un lenguaje es del lado del que ambas convivan dentro de la misma máquina. servidor cuando la ejecución de sus scripts se efectúa, por La diferencia sustancial sería que ahora no es necesario el servidor de DNS para instancia de este –el servidor–, buscar la dirección IP. Utilizaríamos una IP (habitualmente la 127.0.0.1) reservada antes de dar respuesta a la petición, de manera que el cliente para estos casos –preestablecida en la configuración del servidor– y a través de ella se no recibe el documento original canalizarían las peticiones a nuestro propio servidor. Ya hablaremos más adelante de esta sino el resultante de esa IP. interpretación previa. Cuando se usan estos tipos de Esquemas de diferentes peticiones de páginas WEB lenguaje el cliente recibe un documento en el que cada script Intentaremos resumir de forma esquemática los procesos de algunos de los diferentes contenido en el original habrá sido tipos de peticiones de páginas WEB. sustituido por los resultados de su ejecución. Aquí tenemos la más sencilla de ellas: Esto es algo a tener muy en cuenta, porque, en este caso, los usuarios no tendrán la posibilidad de visualizar el código fuente, mientras que cuando se trata de lenguajes del lado del cliente siempre es posible visualizar los scripts, bien sea de forma directa – mirando el código fuente de la página recibida– o leyendo el contenido de ficheros externos – vinculados a ella– que son bastante fáciles de encontrar en la caché del navegador. La utilización de este tipo de scripts requiere que el intérpre- te del lenguaje sea accesible –esté del lado– desde el propio servidor. ¿Cómo resuelve sus dudas el servidor? Dado que en unos casos el servidor debe entregar el documento original –páginas estáticas o páginas dinámicas en las que se usan lenguajes del lado del cliente– mientras que en otros casos –páginas dinámicas usando lenguajes del lado del servidor– tiene que devolver el resultado de Si observas con detenimiento el esquema de la parte superior es posible que la ejecución de los scripts, es encuentres algo que no te cuadre... porque en el esquema hay un servidor que parece razonable que te preguntes: imprescindible para atender las peticiones y sin embargo tú –sin tener instalado ¿cómo sabe el servidor lo que debe ningún servidor– eres capaz de visualizar tus propias páginas web sin más hacer un hacer en cada caso? doble click sobre su icono. La respuesta es simple. Eso hay que decírselo. Y se le dice de una Eso es cierto, pero fíjate en las dos direcciones que aparecen en esta otra imagen. forma bastante simple. Se indica al poner la extensión al documento. Si en la petición se alude a un documento con extensión .htm o . html el servidor entenderá que esa página no requiere la intervención previa de ningún intérprete de su lado y entre- gará la página tal cual. La de la izquierda –consecuencia de haber hecho doble click sobre el icono del documento– contiene como dirección una ruta (el path que conduce hasta el documento) Si en esa petición se aludiera a mientras que en la de la derecha aparece el sintagma http al principio de la dirección. una extensión distinta –.php, por ejemplo– el servidor enten- dería En el primer caso no hemos hecho ninguna petición de página web sino que hemos que antes de servir la página debe abierto un documento cuya extensión (html) está asociada con Internet Explorer en leerla y requerir al intérprete de PHP que ejecute los scripts nuestra configuración de Windows. El proceso ha sido exactamente el mismo que si desarrollados en ese lenguaje (en hubiéramos hecho doble click sobre el icono de un documento con extensión txt, con la caso de que los contuviera) y única salvedad de que en este último caso se habría abierto el block de notas (por la devolvería al cliente el asociación de extensiones y aplicaciones en la configuración de Windows).
- 4. documento que resultara de las En el segundo caso las cosas son distintas. Se incluye el sintagma http – acrónimo de eventuales ejecuciones de tales HiperText Transfer Protocol– para indicar que ese es el protocolo que debe ser utilizado scripts. y que será preciso que el servidor que reciba la petición sea capaz de interpretarlo. Por eso a los servidores que alojan páginas web se les suele llamar servidores HTTP y se Algunos lenguajes les requiere que soporten este protocolo. con nombre y apellidos Siguiendo con los esquemas, he aquí el correspondiente a una petición de página en la que hay incrustados scripts escritos en lenguaje del lado del cliente: Sin pretender hacer una enu- meración exhaustiva, los len- guajes de script más populares son los siguientes: Del lado del cliente • DHTML • JavaScript • VBScript DHTML no es exactamente un lenguaje de programación. Se trata más bien de una serie de capacidades que se han ido añadiendo a los navegadores modernos mediante las cuales las páginas pueden contener hojas de estilo y/o organizarse en capas susceptibles de ser redimensionadas, modificadas, desplazadas y/o ocultadas. JavaScript es uno de los lenguajes más populares. Cada navegador incluye su propio intérprete y es frecuente que los resultados de visualización sean algo distintos según el navegador y la versión que se utilice. Parece ser que las versiones más recientes de los distintos Como puedes observar no requiere nada distinto a lo del supuesto anterior. La navegadores se aproximan a un diferencia sería que en este caso se harían llamadas al intérprete de JavaScript –incluido estándar –ECMA Script-262– que en los navegadores, tal como comentamos al margen– y/o a eventuales plugins ha sido desarrollado por la ECMA (Asociación Europea de necesarios para interpretar otros tipos de script. Normalización de Sistemas de Información y Comunicación), lo Y por último, el esquema más complejo: un ejemplo de convivencia en un mismo que hace suponer que en un futuro documento de varios scripts y varios tipos de lenguaje. muy próximo todos los navegadores se ajustarán a esa especificación y que, con ello, las páginas web ya se visualizarán de forma idéntica en todos ellos. VBScript es un lenguaje de script derivado de VisualBasic y diseñado específicamente para los navegadores de Microsoft. Del lado del servidor Los más populares de este tipo son: • PHP • ASP • Perl • JSP Cada uno de ellos tiene sus propias peculiaridades. Pero dado que aquí tratamos sobre PHP quizá sea conveniente –a modo de recordatorio– hacer algunas precisiones sobre los requisitos imprescindibles para trabajar con este lenguaje. Requisitos para el uso del lenguaje PHP Aquí ya es preciso que, además de un servidor capaz de soportar el protocolo HTTP, De acuerdo a lo comentado en los esté instalado –del lado del servidor– un intérprete PHP, un servidor de bases de datos párrafos anteriores y en los MySQL y que, además, estén configurados de modo que puedan interactuar entre ellos. esquemas que tenemos a la derecha, el uso del lenguaje PHP El lenguaje PHP dispone de funciones que le permiten acceder a muy diversos tipos de requiere tener instalado y servidores de bases de datos pudiendo: crear, consultar, borrar y modificar tanto configurado: bases de datos como tablas y registros de las mismas. • Un software de servidor – configurado para interactuar con el Nosotros vamos a utilizar MySQL, unos de los gestores más potentes y populares que intérprete de PHP– que soporte el existen en este momento. protocolo HTTP y que en nuestro caso será el denominado servidor Apache. Diferentes servicios de hosting • El intérprete de PHP. Cuando empezamos a trabajar con páginas dinámicas elaboradas mediante scripts de • Un software de servidor de PHP (lenguaje del lado del servidor) suele surgirnos las necesidad –o simplemente el bases de datos capaz de ser deseo– de publicarlas en algún espacio de alojamiento (hosting), sea gratuito o de pago. gestionado mediante funciones Si queremos publicar páginas en las que utilicemos PHP y bases de datos MySQL
- 5. propias de PHP. habremos de buscar un hosting que, aparte de espacio de alojamiento, nos ofrezca Utilizaremos el servidor de bases estos dos servicios. Además, antes de elegir uno deberíamos informarnos sobre la de datos conocido como MySQL. funcionalidad que nos ofrece, ya que es importante conocer no sólo las versiones de PHP y MySQL de que dispone sino también las restricciones que puedan existir para su uso En las páginas siguientes (bastante frecuentes y por razones de seguridad en la mayoría de los casos). trataremos sobre la forma de realizar los procesos de instalación Si decides publicar tus páginas no te precipites en la elección de un hosting. A lo y configuración de estas largo de este curso te iremos dando algunas pautas que te permitirán hacer una elección aplicaciones. acorde con tus necesidades. Anterior Indice Siguiente