PHP y MySQL. Aplicaciones Web: programación (primera parte) Autor: Johnny Zulca Mamani

Transcripción

1 PHP y MySQL. Aplicaciones Web: programación (primera parte) Autor: Johnny Zulca Mamani 1

2 Presentación del curso Programación de aplicaciones Web con PHP y MySQL. Con este curso aprenderás el funcionamiento de una Web Site, la programación en el cliente y en el servidor. Te enseñaremos también a cerca del programa Apache Web Server; su instalación y configuración. Conocerás todo sobre el PHP: instalación, configuración y utilidades del programa. Al finalizar este curso estarás capacitado para instalar y configurar un servidor Web y los módulos de PHP. 2

3 1. Web Site: funcionamiento. Tipos de programación Funcionamiento de una Web Site Funcionamiento de una Web Site es un ejemplo típico de la arquitectura cliente servidor, en donde múltiples clientes se conectan a un servidor (en algunos casos varios servidores) en forma simultanea. En general el servidor depende de la instalación del Site mientras que el cliente suele ser un browser, en general Netscape Navigator o Microsoft Explorer. Como en todo esquema cliente-servidor debe existir un protocolo que especifique de que forma se comunican e intercambian datos el cliente y el servidor, el protocolo utilizado en un Web Site es el protocolo HTTP que funciona "encapsulado" sobre el protocolo TCP/IP. Tipos de programación (tecnologías disponibles para el desarrollo de aplicaciones Web) Para desarrollar aplicaciones y dotar a las páginas Web de funcionalidad se puede trabajar tanto en el lado del cliente como en el lado del servidor: Programación en el cliente: * El browser envía un request (petición). * El server envía un response (respuesta) que contiene código que el browser entiende. * El browser interpreta el código enviado por el server y realiza una determinada acción. Programación en el servidor: * El browser envía un request (petición). * El server ejecuta una aplicación que realiza una determinada acción. * El server envía el resultado de dicha aplicación al cliente. * El browser muestra el resultado recibido del server. 3

4 4

5 2. Programación en el cliente y en el servidor Programación en el cliente y en el servidor: * El browser envía un request (petición). * El server ejecuta una aplicación que realiza una determinada acción. * El server envía el resultado de dicha aplicación al cliente conteniendo código a interpretar por el browser. * El browser interpreta el código enviado por el server y realiza una determinada acción. La programación del lado del cliente tiene como principal ventaja que la ejecución de la aplicación se delega al cliente, con lo cual se evita recargar al servidor de trabajo. El servidor solo envía el código, y es tarea del browser interpretarlo. La gran desventaja de esta opción de programación es que el código que el server envía es "sensible" a que cosas puede o no hacer el browser. El mismo código no va ser muy bien interpretado por algunos browser usados ya que ellos utilizarían diversas tecnologías por el lado del cliente. Programar por el lado del servidor tiene como gran ventaja que cualquier cosa puede hacerse sin tener en cuenta el tipo de cliente, ya que la aplicación se ejecuta en el servidor que es un ambiente controlado, una vez ejecutada la aplicación, el resultado que se envía al cliente puede estar en un formato normalizado que cualquier cliente puede mostrar. La desventaja es que el server se sobrecarga de trabajo ya que además de servir páginas es responsable de ejecutar aplicaciones. 5

6 3. Servidor Web. Qué es? Que es un Servidor Web? Un servidor Web es un programa que implementa el protocolo HTTP (Hypertext Transfer Protocol). Este protocolo esta diseñado para transferir lo que llamamos hipertextos, paginas Web o paginas HTML (Hypertext Markup Language), textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproducciones de sonidos. Cabe destacar el hecho de que la palabra servidor identifica tanto al programa como a la maquina en la que dicho programa se ejecuta. Existe por tanto, cierta ambigüedad en el término, aunque no será difícil diferenciar a cual de los dos nos referimos en cada caso. Un servidor Web se encarga de mantenerse a la espera de peticiones HTTP llevada a cabo por un cliente HTTP que solemos conocer como navegador. El navegador realiza una petición al servidor y este le responde con el contenido que el cliente solicita. Por ejemplo, al teclear en nuestro navegador, este realiza una petición HTTP al servidor de dicha dirección. El servidor responde al cliente enviando el código HTML de la página, el cliente, una vez recibido el código, lo interpreta y lo muestra en pantalla. Como vemos con este ejemplo, el cliente es el encargado de interpretar el código HTML, es decir, de mostrar las fuentes, los colores y la disposición de los textos y objetos de la pagina, el servidor tan solo se limita a transferir el código de la pagina sin llevar a cabo ninguna interpretación de la misma. Sobre el servicio Web clásico podemos disponer de aplicaciones Web. Estas son fragmentos de código que se ejecutan cuando se realizan ciertas peticiones o respuestas HTTP. Hay que distinguir entre: * Aplicaciones en el lado del cliente: el cliente Web es el encargado de ejecutarse en la maquina del usuario. Son las aplicaciones tipo Javascript, el servidor proporciona el código de las aplicaciones al cliente y este, mediante el navegador, las ejecuta. Es necesario, por tanto, que el cliente disponga de un navegador con capacidad para ejecutar aplicaciones (también llamadas scripts). Normalmente, los navegadores permiten ejecutar aplicaciones escritas en lenguaje javascript aunque pueden añadirse más lenguajes mediante el uso de plugins. * Aplicaciones en el lado del servidor: el servidor Web ejecuta la aplicación; esta, una vez ejecutada, genera cierto código HTML; el servidor toma este código recién creado y lo envía al cliente por medio del protocolo HTTP. Las aplicaciones de servidor suelen ser la opción por la que se opta en la mayoría de las ocasiones para realizar aplicaciones Web. La razón es que, al ejecutarse esta en el servidor y no en la maquina del cliente, este no necesita ninguna capacidad adicional, cualquier cliente dotado de un navegador Web básico puede utilizar este tipo de aplicaciones. 6

7 4. Apache Web Server Apache Web Server Es un programa de distribución libre, que instala en nuestras computadoras todas las funcionalidades de un servidor Web. El desarrollo del apache se encuentra en constante cambio. Para poder tener dicho programa, solo es necesario ingresar a la página oficial en y buscar el enlace de descarga para Windows, la versión reciente Apache 2.0.x estable que anteriormente Apache 1.3.x que la mayoría de servidores en la Web lo tiene instalado la configuración es ligeramente distinta en ambos. Se explicara la forma de configuración del programa en su versión para Windows. Destacando claro que al momento de la descarga debemos escoger los binarios (binary) para Windows (Win32), no los códigos fuente. Instalación de Apache Web Server Para esto debemos tener la versión de Apache pro ende el archivo que debemos bajar pude ser: apache_ win32-x86-no_ssl.exe Para todos los casos. apache_ win32-x86-no_ssl.msi solo si disponemos del Windows Installer, el archivo ocupa bastante menos. Una vez que lo tengamos, procedemos a la instalación y vamos recorriendo las pantallas hasta que nos salga una pantalla donde nos solicita algunos datos como estos: La IP es la dirección IP asociada a nuestra maquina, es decir el host local o vulgarmente conocido como localhost. Es importante decir que a la hora de probar los scripts en modo local, da igual poner o localhost. Finalmente, recordar que el apache se instala por defecto en la carpeta: 7

8 8

9 5. Instalación de Apache Web Server Probando la instalación Una vez finalizado la instalación del apache Web server, para comprobar si hemos instalado correctamente, abramos un explorador de Internet, y en la barra de direcciones escribamos: Al hacer esto debe mostrar la pantalla de bienvenida del Apache. Si no ocurre ello hay errores en la instalación o los errores son de acceso, es decir que para instalarlo debemos tener permisos de administrador (Windows XP, Windows NT, Windows 2000, Windows 2003). 9

10 6. PHP. Qué es? Qué es PHP? PHP (acrónimo de "PHP: Hypertext Preprocesor") es un lenguaje interpretado de alto nivel embebido en paginas HTML y ejecutado en el servidor. Ejemplo: <html> <head> <title>ejemplo de PHP</title> </head> <body> <?php echo "Hola, este es un ejemplo con PHP!";?> </body> </html> Escribimos el código HTML con cierto código PHP embebido (introducido) en el mismo, que producirá cierta salida (en nuestro ejemplo, producir un texto). El código PHP se incluye entre etiquetas especiales de comienzo y final que nos permitirán entrar y salir del modo PHP. Lo que distingue a PHP de la tecnología Javascript, la cual se ejecuta en la maquina cliente, es que el código PHP es ejecutado en el servidor. Si tuviésemos un script similar al de nuestro ejemplo en nuestro servidor, el cliente solamente recibiría el resultado de su ejecución en el servidor, sin ninguna posibilidad de determinar que código ha producido el resultado recibido. El servidor Web puede ser incluso configurado para que procese todos los ficheros HTML con PHP. 10

11 7. Instalación y configuración de PHP Que se puede hacer con PHP? Con PHP podemos procesar información de formularios, generar páginas con contenidos dinámicos, o mandar y recibir cookies. Quizás la característica más potente y destacable de PHP es su soporte para una gran cantidad de base de datos. PHP también soporta el uso de otros servicios que usen protocolos como POP3, SNMP, IMAP, HTTP y derivados. Instalación de PHP Debemos tener la ultima versión de PHP, para esto debemos revisar la pagina Web oficial, actualmente hay dos versiones que son muy utilizadas la versión PHP 4, y la versión PHP 5. Veremos ambas versiones. Instalación de PHP4 Procedemos a descargar el PHP para Windows, una vez descargado de la página oficial de PHP, así como, este archivo php win32.zip, extraemos los archivos de PHP podemos hacerlo en el disco C:\php\, o como también en el directorio donde estamos instalando nuestros servidores C:\Servidor\php\. Ahora cogemos el archivo php4ts.dll localizado en C:\Servidor\php\php4ts.dll y copiarlo al directorio System (en Windows 9x) o system32 (Windows NT, 2000, XP) de la carpeta Windows, igualmente coger los archivos que están en la carpeta C:\Servidor\php\dlls\ y copiarlos a la carpeta System o System32 como en el anterior caso. Instalación de PHP5 Descargar el archivo php5.0.4.zip, extraemos los archivos de PHP podemos hacerlo en el directorio donde estamos instalando nuestros servidores C:\Servidor\php\. Ahora cogemos todos los archivos.dll localizado en C:\Servidor\php\ y copiarlos al directorio System (en Windows 9x) o system32 (Windows NT, 2000, XP) de la carpeta Windows. Configuración de PHP Qué hacer con register_globals? ON u OFF? Activar esta directiva nos permite asumir que las variables son globales y pueden llegar por cualquier método (POST, GET, COOKIE, SERVER, etc.) Así por ejemplo, si utilizamos una variable global de sesión o cookie se puede suplantar fácilmente mediante una variable por la URL, con lo cual nuestro script no es seguro. Un buen programador de PHP tendría la directiva en OFF y usuaria los arrays globales ($HTTP_X_VARS) o los superglobales $_POST, $_GET, etc., que están disponibles a partir de la versión 4.1.x. de PHP. Y porque? Pues por esos temas de seguridad en los script y porque debemos acostumbrarnos a no manejar variables 11

12 globales ya que un futuro el PHP tendrá la opción en OFF por defecto y no podremos cambiarla. Sin embargo, por temas de compatibilidad de scripts antiguos o que usen variables globales deberíamos activar esta opción en ON. 12

13 8. Php.ini de PHP4: configuración del archivo Configuración del archivo php.ini de PHP4 El siguiente paso es configurar el php.ini Renombramos el archivo C:\Servidor\php\php.ini-dist y le ponemos php.ini Ahora lo editamos con el bloc de notas. Verificamos la línea register_globals = OFF. A continuación vamos a indicar a PHP donde se guardan las extensiones. Dentro de php.ini buscamos extensión_dir y le ponemos lo siguiente: ;Directory in which the loadable extensión (modules) reside. extension_dir = "C:/Servidor/php/extensions/" Ahora podemos activar las extensiones que queramos o necesitamos, para ello buscamos Windows Extensions y para cargar las extensiones les quitamos el ";" de adelante, por ejemplo si quisiéramos cargar la extensión gd2.dll (para manejar las funciones PHP relativas a imágenes) deberíamos cambiar, ;extensión=php_gd2.dll por extensión=php_gd2.dll. Se puede consultar en el manual oficial de PHP para ver mas detalles sobre extensiones. Ahora si vamos a hacer pruebas con upload de archivos vía HTTP, debemos indicar el directorio donde los archivos se almacenaran temporalmente, para ello buscamos upload_tmp_dir y le damos el valor de una carpeta que exista. Por ejemplo, en nuestro directorio C:\Servidor\php\ creamos una carpeta uploads, por lo que pondremos "C:/Servidor/php/uploads/" quedando algo así. ;Temporary directory for HTTP uploaded files (Hill use system default if not specified) upload_tmp_dir = "C:/Servidor/php/uploads/" Si queremos cambiar el tamaño máximo de los archivos que puedan subirse vía HTTP, buscamos upload_max_filesize y cambiar el valor por defecto que trae 2M, no se recomienda poner un valor alto. ;Maximum allowed size for uploaded files upload_max_filesize = 2M Para trabajar con sesiones, debemos especificar un directorio donde se guarden los archivos temporales, para ello buscamos session.save_path y le damos el valor de un directorio que exista (o lo creamos). session.save_path = "C:/Servidor/php/sessions/" Para mostrar los errores de PHP menos las notificaciones, buscamos display_errors y le damos el valor siguiente. Display_errors = ON 13

14 Luego tenemos que comentamos la siguiente línea con ";" ubicada antes de la línea anterior. ;error_reporting = E_ALL Y por ultimo quitamos el comentario a otra línea quitándole el ";" ubicada mas arriba de la línea anterior. error_reporting = E_ALL & ~E_NOTICE A continuación copiamos el php.ini a la carpeta C:\Windows\. 14

15 9. Php.ini de PHP5: configuración del archivo Configuración del archivo php.ini de PHP5 El siguiente paso es configurar el php.ini renombramos el archivo C:\Servidor\php\php.ini-dist y le ponemos php.ini Ahora lo editamos con el bloc de notas. Verificamos la línea register_globals = OFF. A continuación vamos a indicar a PHP donde se guardan las extensiones. Dentro de php.ini buscamos extensión_dir y le ponemos lo siguiente: ;Directory in which the loadable extensión (modules) reside. extension_dir = "C:/Servidor/php/ext/" Ahora podemos activar las extensiones que queramos o necesitamos, para ello buscamos Windows Extensions y para cargar las extensiones les quitamos el ";" de adelante, por ejemplo si quisiéramos cargar la extensión gd2.dll (para manejar las funciones PHP relativas a imágenes) deberíamos cambiar, ;extensión=php_gd2.dll por extensión=php_gd2.dll. Se puede consultar en el manual oficial de PHP para ver más detalles sobre extensiones. La librería php_mysql.dll es la que permite manejar las funciones relacionadas con MYSQL y por defecto en PHP5 viene desactivada, por tanto vamos a activarla, buscamos ;extensión=php_mysql.dll y la quitamos el ";" de adelante. ;extension=php_msql.dll extension=php_mysql.dll ;extension=php_oci8.dll Ahora si vamos a hacer pruebas con upload de archivos vía HTTP, debemos indicar el directorio donde los archivos se almacenaran temporalmente, para ello buscamos upload_tmp_dir y le damos el valor de una carpeta que exista. Por ejemplo, en nuestro directorio C:\Servidor\php\ creamos una carpeta uploads, por lo que pondremos "C:/Servidor/php/uploads/" quedando así. ;Temporary directory for HTTP uploaded files (Hill use system default if not specified) upload_tmp_dir = "C:/Servidor/php/uploads/" Si queremos cambiar el tamaño máximo de los archivos que puedan subirse vía HTTP, buscamos upload_max_filesize y cambiar el valor por defecto que trae 2M, no se recomienda poner un valor alto. ;Maximum allowed size for uploaded files upload_max_filesize = 2M Para trabajar con sesiones, debemos especificar un directorio donde se guarden los archivos temporales, para ello buscamos session.save_path y le damos el valor de un directorio que exista (o lo creamos). 15

16 session.save_path = "C:/Servidor/php/sessions/" A continuación copiamos el php.ini a la carpeta C:\Windows\. 16

17 10. Apache Web Server: configuración (primera parte) Configuración de Apache Web Server Para la configuración de PHP4 y PHP5 son ambos diferentes en algunas opciones o directivas, para ello hay que editar el archivo httpd.conf que encontramos en la carpeta /conf dentro del directorio del Apache C:/Archivos de programa/apachegroup/apache2/conf/. Httpd.conf en Apache 2.x Buscamos Dynamic Shared Object (DSO) Support que es donde se carga los módulos. Ahí vamos a cargar el modulo de PHP para Apache, dando la dirección del archivo php4apache2.dll (PHP4) o php5apache2.dll (PHP5) que lo contiene. Encontramos esto: #Example: #LoadModule foo_module modules/mod_foo.so # Y ahora añadimos justo debajo * si estamos instalando PHP4 #Example: #LoadModule foo_module modules/mod_foo.so #L oadmodule php4_module "C:/Servidor/php/sapi/php4apache2.dll" * si estamos instalando PHP5 #Example: #LoadModule foo_module modules/mod_foo.so #L oadmodule php5_module "C:/Servidor/php/php5apache2.dll" 17

18 11. Apache Web Server: configuración (segunda parte) El directorio predeterminado para guardar nuestras páginas es el htdocs del Apache C:\Archivos de programa\apache Group\Apache2\htdocs\. Pero podemos cambiarlo fácilmente. Buscamos DocumentRoot y nos sale esto: # # DocumentRoot: The directory out of which you will serve your # documents. By default, all requests are taken from this directory, but # symbolic links and aliases may be used to point to other locations. # # DocumentRoot "C:/Archivos de programa/apache Group/Apache2/htdocs" Nosotros sustituimos la carpeta htdocs del Apache por lo que queramos. Todos los archivos que vayas a probar con el Apache deberían estar localizados en esta carpeta, por ejemplo creamos una carpeta Web dentro del directorio del servidor. DocumentRoot "C:/Servidor/Web/" Líneas más debajo de la línea que contiene documentroot, se encuentra una líneas con la siguiente información: <Directory "C:/Archivos de programa/apache Group/Apache2/htdocs"> Tenemos que cambiarla a la misma dirección que contiene el documentroot, entonces quedaría así: <Directory "C:/Servidor/Web/"> Por lo que construiremos toda nuestra pagina dentro de este directorio, que equivale al directorio raíz de nuestro host local. Ahora buscamos el DirectoryIndex y nos sale algo como esto. # # DirectoryIndex: sets the file that Apache will serve if a directory is requested. # # The index.html.var file (a type-map) is used to deliver content- # negotiated documents. The MultiViews Option can be used for the # same purpose, but it is much slower. # DirectoryIndex index.html index.html.var Modificamos la última línea para que si entramos en un directorio nos autoejecute el index predeterminado (si existe) y no nos salga un mensaje de error. Puedes usar mas nombres si lo prefieres. Se ejecutaran por orden. En la siguiente línea, si en nuestro directorio tenemos un index.htm y un index.php, por defecto se ejecutara el index.htm ya que esta antes. DirectoryIndex index.html index.htm index.php index.php3 index.php4 index.phtml index.html.var 18

19 index.phtml index.html.var Ahora le añadimos debajo estas líneas (en la primera de ellas, si estamos instalando PHP5 también podemos añadir la extensión.php5 además de las que aparecen): AddType application/x-httpd-php.php.php3.php4.phtml AddType application/x-httpd-php-source.phps La primera indica las extensiones que serán interpretadas por el Apache. Por ejemplo podemos añadir las extensiones.htm o.html para que el Apache ejecute el código PHP contenido en esas páginas (es decir, el uso de código PHP no está limitado exclusivamente a archivos *.php). La segunda sirve para que si entras en una página loquesea.phps entonces se muestra el código PHP a color, muy útil si queremos por ejemplo mostrar el código fuente a color en una página. 19

20 12. Apache y PHP: prueba de funcionamiento Prueba de Funcionamiento Ahora vamos a probar el Apache y PHP, para lo cual debemos arrancar el Apache. Accederemos a Apache desde los accesos directos que se crean en el menú de inicio al acceso directo Monitor Apache Servers y aparecerá un icono al lado del reloj. Pinchando en el icono, sale un menú desde donde podremos iniciar, apagar y reiniciar el Apache. Como queremos encenderlo, si no lo hace automáticamente le daremos a Start. Si ya estaba encendido le daremos a Restart (util si cambiamos alguna configuración de PHP "al vuelo") para que al reiniciarlo nos coja los cambios que hemos hecho. Si todo ha ido bien, podemos crear un archivo llamado por ejemplo info.php dentro de la carpeta de nuestra Web cuyo contenido será lo siguiente: <?php phpinfo();?> Si accedemos mediante nuestro navegador a la dirección o con el Apache activo deberemos visualizar una página de información de PHP. Si no sale, algo fallado, revisa los pasos. Debe aparecer la siguiente pantalla. 20

21 NOTA: Con este capítulo hemos llegado al final del curso. 21