SERVIDOR DE PRUEBA (WAMP Y PHP)

Wamp Server se trata de un paquete muy completo para instalar y configurar de manera muy sencilla en tu pc lo ultimo del servidor Web Apache, el lenguaje de programacion PHP y el servidor de base de datos MySQL. Ademas, instala en la barra de tareas una interfaz para iniciar, supervisar y detener los diferentes servicios con un icono visible que te indicara en cada momento el estado de tus servicios.

Instalar un Servidor Local con WAMP

Debido a que para el uso de este tipo de archivos es necesario un servidor que soporte PHP y que te de acceso a una base de datos para crear tablas y rellenarlas con informacin dedicaremos los siguientes apartados a la instalacin y configuracin de un servidor de pruebas local que sea capaz de hacer todo esto.

Para ello necesitars descargarte WAMP, un paquete auto-instalable que te ofrece la posibilidad de utilizar Apache (para correr PHP) y utilizar MySQL (bases de datos). En este curso seguiremos los pasos que hacen falta para instalar este paquete, pero existen muchsimos de ellos. Vamos a ver paso por paso lo que debers hacer. Una vez tengas el archivo ejecutable en tu ordenador, haz doble clic sobre l para empezar la instalacin. Se te mostrar la siguiente pantalla:

Aqu nos dan la bienvenida as que simplemente haz clic en Next > para continuar.

Esta es la pantalla de acuerdo de licencia. Debers aceptarlo haciendo clic en la opcin I accept the agreement y pulsar el botn Next >.

En esta ventana nos preguntan dnde queremos que se guarde el programa. Ser mejor que lo guardemos en la carpeta donde se instalan todos los programas, as tendremos todo mucho ms ordenado. Haz clic en el botn Browse..., se abrir un cuadro de dilogo para que selecciones la carpeta donde quieras instalarlo. Abre Disco local (C:) y selecciona Archivos de Programa. Pulsa el botn OK para aceptar.

Volvers de nuevo a la pantalla anterior donde ahora se podr leer C:\Archivos de programa\wamp, haz clic en Next > para continuar.

Aqu deberemos escribir el nombre que queremos que aparezca en el desplegable Todos los programas del men Inicio. Djalo como est y vuelve a pulsar Next >.

Aqu podremos seleccionar la opcin Auto Start si queremos que el programa se ejecute cada vez que iniciemos Windows.

Mejor dejarla deseleccionada, pues slo vamos a utilizarlo en determinadas ocasiones y no nos interesa que est siempre ejecutndose consumiendo recursos.

De nuevo, pulsamos Next > para seguir.

Ya casi hemos terminado.

Haz clic en Install para instalar el programa. Antes de que la instalacin se complete, WAMP te har una ltima pregunta: dnde quieres colocar el localhost?

Qu es el localhost? Para qu sirve? Hemos estado hablando de crear un servidor. Un servidor remoto (el que se encuentra en Internet y requiere de una conexin FTP para subir archivos) tiene una direccin asociada. Puede ser una direccin formada por un nombre de dominio, como www.aulaclic.com, o por una direccin IP (conjunto de 4 nmeros del 0 al 255 separados por puntos, como 213.188.129.143).

Este es el modo en el que accedemos a un servidor remoto, dando su nombre ya sea por dominio o por IP. Pues bien, localhost se corresponde con el nombre de dominio del servidor local. Vers que una vez instalado WAMP podremos acceder a nuestro servidor local escribiendo en la barra de direcciones del navegador http://localhost/. Tambin podramos hacerlo escribiendo http://127.0.0.1/ que es la direccin IP de nuestro propio ordenador. Qu quiere decir todo esto? Muy sencillo, WAMP te est pidiendo que especifiques una carpeta donde situar el localhost. De esta forma, cuando el servidor local est funcionando y visites el localhost desde un navegador, se mostrar el contenido de esa carpeta. Como si fuese el contenido de un servidor remoto! Ahora tienes dos opciones, una de ellas es dejar la carpeta www dentro de WAMP como localhost, o cambiarla y seleccionar una donde te apetezca. La ltima es ms cmoda, porque as puedes tener tus archivos PHP en la carpeta que prefieras y no obligadamente dentro de Archivos de programa. Selecciona una carpeta para que acte de localhost y pulsa Aceptar. Si cambiaste la carpeta, el programa te advertir que tendrs que copiar unos archivos en ella, no te preocupes, pulsa Next > y cuando hayamos terminado lo haremos.

En un punto determinado se te mostrar esta ventana. WAMP espera que le des un navegador predeterminado para que abra las ventanas en l. Si quieres que utilice Internet Explorer pulsa Abrir directamente, no tendrs que hacer nada. En el caso de que quieras que utilice otro navegador busca el archivo ejecutable .exe (estar dentro de la carpeta del programa dentro de Archivos de programa) y haz clic en Abrir. Hemos terminado de instalar el programa, se mostrar la siguiente ventana:

Marca la casilla si quieres que se ejecute (Launch) cuando cerremos el instalador. Haz clic en Finish para finalizar. Una vez instalado el programa deberemos realizar un ltimo paso si seleccionaste una carpeta para el localhost diferente a la predefinida. Debers copiar los archivos que se encuentran en la carpeta C:\Archivos de programa\wamp\www al lugar que seleccionaste. El programa estar listo para utilizar.

Trabajar con un Servidor Local WAMP

Para ejecutar el programa slo tienes que hacer clic en Inicio, Todos los programas, WampServer y finalmente en Start WampServer. En el rea de notificacin aparecer un nuevo icono: . (Puede que el diseo de estos iconos varen un poco segn la versin que hayas instalado). Como ya hemos dicho, WAMP se encarga de ejecutar principalmente 2 servicios: Apache (para correr PHP) y MySQL (para trabajar con bases de datos). El icono de la barra de tareas tiene varios estados que dependen de cmo se encuentren estos servicios: Este icono indica que ambos servicios estn ejecutndose correctamente.

Si se muestra este otro icono significa que nicamente uno de los servicios se encuentra ejecutndose en este momento, el otro se encuentra suspendido o no est instalado. Si ves este icono significar que ninguno de los servicios se encuentra ejecutndose en estos momentos.

Si haces clic izquierdo sobre cualquiera de estos iconos se mostar el men de WAMP (a la izquierda). Nos centraremos, ahora, en la parte inferior que se encuentra bajo el ttulo de Services. Aqu podrs encontrar 3 comandos que tienen que ver con el estado de los servicios: * Start All Services intentar lanzar los dos servicios (Apache y MySQL) Stop All Services parar los servicios que se estn ejecutando, por lo que el estado del icono en la barra de tareas cambiar a * Restart All Services parar los servicios e intentar ejecutarlos de nuevo. Utiliza esta opcin cuando se te presente algn problema en su funcionamiento. Por defecto WAMP ofrece un servicio cerrado, slo t sers capaz de ver el contenido del localhost. A partir de la versin 1.6.4 puedes hacer clic sobre la opcin Put Online para hacer pblico este contenido y que otras personas puedan verlo introduciendo la IP de tu ordenador en un navegador. Nota: Si tu conexin se encuentra detrs de un router esta opcin no funcionar correctamente hasta que configures el router para ello.

Si cambias esta opcin los iconos de la barra de estado cambiarn y dejarn de mostrar un pequeo candado que indicaba el uso Offline: Luego podremos encontrar dos desplegables uno para cada servicio. En esencia ambos mens son muy parecidos y las opciones principales se encuentra Observa las dos ltmias opciones Install Service y Remove Service, te servirn en la imagen de la derecha. para instalar y desinstalar el servicio en caso de que hayas trastocado algn archivo y haya dejado de funcionar. Simplemente desinstala el servicio y vulvelo a instalar. Las opciones Start/Resume Service, Stop Service y Restart Service son los equivalentes a los que vimos en el men principal pero tratados individualmente para cada uno de los servicios. Finalmente veremos las opciones que vamos a utilizar de momento que se encuentran en la parte superior bajo el ttulo de WAMP5.

abre una nueva ventana del navegador mostrando el contenido del localhost. Por defecto De todas formas tambin puedes abrir una nueva ventana y escribir http://localhost/carpeta/ para ver el contenido de una carpeta que se encuentre en el directorio que asignaste al localhost.

WWW Directory abre en una ventana del Explorador de Windows la carpeta que asignaste al localhost. Desde aqu podrs trabajar con los ficheros como hacamos hasta ahora. Copindolos, movindolos o borrndolos cuando sea necesario. Por ltimo la opcin phpMyAdmin nos llevar a una pgina web desde donde podremos controlar, gestionar y crear nuestras bases de datos.

Configurar un Servidor de Pruebas Una vez instalado WAMP tendremos listo un servidor local capaz de correr PHP sin
ningn tipo de problemas. Ahora podemos combinar esta aplicacin con Dreamweaver para probar las pginas dinmicas que vayamos creando en nuestro sitio. Para ello no har falta ms que declarar un Servidor de prueba en Dreamweaver. Para ello debers editar la configuracin del sitio, haz clic en Sitio y luego en Administrar sitios.... Selecciona el sitio que quieras modificar y pulsa Editar. Se abrir el cuadro de dilogo de Definicin del sitio. Selecciona la pestaa Avanzada y haz clic en la categora Servidor de pruebas. Vers las siguientes opciones:

En el desplegable Modelo de servidor deberemos seleccionar el tipo de servidor que estamos utilizando, en nuestro caso es PHP MySQL. El tipo de Acceso ser Local/red al tener instalado el servidor en nuestra propia computadora. Ahora debers rellenar los datos del servidor de pruebas. En Carpeta de servidor deberemos seleccionar una carpeta dentro del localhost donde guardaremos los archivos que queramos probar. En nuestro caso nuestro localhost lo hemos definido en d:\PHPServer, por lo que hemos creado una nueva carpeta dentro de l llamada Prueba_Sitio. En definitiva, la ruta donde queremos que se guarden los archivos ser: d:\PHPServer\Prueba_Sitio\.

Marca la casilla que sigue si quieres que los archivos se actualicen automticamente en el panel Archivos. Y finalmente escribe el URL del sitio de pruebas. Recuerda que habamos definido d:\PHPServer\ como localhost, por lo tanto para acceder desde un navegador a la carpeta donde estarn copiados nuestros archivos PHP deberemos introducir http://localhost/Prueba_Sitio. Acepta y habremos terminado. A partir de este momento, cada vez que, trabajando sobre un archivo PHP, pulses la tecla F12 para visualizarlo en el navegador se copiar al servidor de pruebas y se mostrar gracias a nuestro localhost. Nota: recuerda que para poder visualizar los archivos en localhost debers tener WAMP ejecutando al menos el servicio de Apache (que es el que se ocupa de correr PHP).

Introduccin a phpMyAdmin
Para abrir phpMyAdmin, una vez instalado WAMP, haz clic en la opcin phpMyAdmin de su men como vimos en un apartado anterior.

Se abrir una ventana del navegador y mostrar la ventana principal de la aplicacin:

Desde aqu podremos crear nuevas bases de datos, tablas y usuarios con sus respectivos privilegios. Pero, vayamos paso a paso.

Crear una Base de Datos en basta phpMyAdmin Para crear una nueva base de datos en phpMyAdmin con escribir el nombre
de la nueva base de datos en el cuadro de texto creado para ello en la pgina principal y pulsar el botn Crear. La nueva base de datos se crear automticamente. Puedes seleccionar un juego de carcteres en el desplegable Cotejamiento, si lo dejas en blanco se tomar el valor por defecto que variar segn la configuracin de cada servidor. Es recomendable que escojas la opcin utf-8_spanish_ci para mantener la compatibilidad con todos los caracteres del alfabeto en castellano y para que la salida en cualquier navegador sea correcta. Una vez creada la base de datos podrs acceder a ella desde el men de la izquierda. Despliega el listado Base de datos y selecciona la base de datos que quieras modificar:

Crear una Tabla en phpMyAdmin Cuando selecciones una Base de Datos en phpMyAdmin vers una nueva pantalla
desde donde podrs ver todas las opciones para poder trabajar en ella:

En este caso en la pantalla principal encontraremos muy poca cosa porque no contiene ninguna tabla por ahora. Para crear una tabla lo nico que debes hacer es escribir su Nombre y especificar su Nmero de campos. Cuando hayas terminado pulsa el botn Continuar y vers una pantalla como esta:

Aqu debers establecer la configuracin de cada uno de los campos de la tabla. Rpidamente definiremos las propiedades ms frecuentemente utilizadas: Campo: El nombre del campo. Tipo: El tipo del valor del campo: texto, nmero entero, entero largo, etc... Cotejamiento: Juego de caracteres que utilizar el campo. Nulo: Si seleccionamos NOT NULL, el campo se deber rellenar obligatoriamente (no puede contener el valor nulo). Predeterminado : Un valor predeterminado para el campo. Primaria: El campo es clave primaria de la tabla. ndice: El campo se indexar para optimizar la bsqueda. nico: El campo slo puede adoptar valores nicos. No podrn haber dos registros con un mismo valor en ese campo. Extra: Selecciona aqu si quieres que el campo sea de tipo numrico con autoincremento. Cada registro tendr un valor superior al anterior. Texto completo: Al visualizar la tabla mostrar el contenido completo del campo.

Pulsa el botn Grabar cuando hayas acabado y la tabla se crear. Ahora el aspecto de la ventana de la base de datos ser diferente pues mostrar el listado de tablas contenidas con sus propiedades. Haciendo clicnombre en el botn al lado del de la tabla o haciendo clic sobre ella en el men de la izquierda podrs acceder a la vista en detalle de sus campos y propiedades. En esta ltima vista puedes hacer clic en la pestaa Examinar para ver el listado de todos los registros. Utiliza la pestaa Buscar para filtrar el listado por los valores de algn campo. Rellenar tablas desde phpMyAdmin es muy sencillo. Si no tienes ninguna base de datos seleccionada, selecciona previamente la que contiene la tabla a utilizar desde el desplegable que encontrars en la parte superior izquierda de la pantalla. Luego selecciona la tabla con la que quieres trabajar y haz clic en la pestaa Insertar.

Insertar Datos en una Tabla

En seguida se abrir una ventana desde donde podrs aadir una fila (o registro) a la tabla indicando el valor de cada campo:

En la columna Valor escribe el valor del Tipo de cada campo y pulsa Continuar cuando hayas acabado. Otro modo de rellenar una tabla es importando datos que tengamos en un archivo provinente de otra base de datos o hecho por nosotros mismos. Para ello, tendrs que hacer clic en la pestaa Importar en el mismo men donde encontraste la opcin anterior:

Se abrir una ventana desde donde debers especificar qu archivo quieres importar:

Observa que debers indicar la localizacin del archivo que contiene los datos que queremos importar. Y sobre todo, lo ms importante, el Juego de caracteres que utiliza el archivo para que los datos que se introduzcan en la tabla se puedan adaptar de forma correcta y mantener la coherencia del texto. Una vez introducidos estos datos bastar con que pulses el botn Continuar y los registros (si no hubo ningn fallo en el archivo) se aadirn automticamente. Una vez tengas creada una tabla en la base de datos es posible editarla para modificar la configuracin de algn campo o incluso aadir uno nuevo. Para ello deberemos ir a la vista de la tabla haciendo clic en ella en el men que encontramos en la izquierda de la pgina una vez seleccionada la base de datos.

Modificar una Tabla en phpMyAdmin

Esto har que se nos muestre la estructura de la tabla en la ventana. El modo en que podremos modificarla ser muy fcil.

Observa la ventana:

Para aadir nuevos campos a la tabla slo tienes que escribir el nmero de campos que vas a crear en el campo Aadir ..... campo(s). Luego selecciona la pocicin donde se aadirn, Al final de la tabla, Al comienzo de la tabla Despus y pulsa el botn Continuar . Se abrirola ventana de.. de definicin de campos que vimos en el apartado anterior y slo debers rellenarla como ya hemos visto. Modificar campos ya existentes tampoco es muy complicado, slo tendrs que utilizar los botones que se encuentran en la columna accin del campo correspondiente. te permitir modificar la configuracin del campo. Podrs cambiar El botn Modificar todas las opciones que viste cuando lo creaste. El botn Eliminar borrar el campo y todos los valores almacenados en cada registro que le correspondan. El botn Clave Principal establece que el campo se marque como clave principal de la tabla.

crea un nuevo indice en la tabla con el campo seleccionado. establece el campo seleccionado como campo con Finalmente el botn nico valor nico, es decir, no puede contener valores repetidos. Si queremos realizar la misma accin sobre varios campos a la vez, podemos marcarlos con las casillas de verificacin que se encuentran en el extremo izquierdo y luego pulsar el icono correspondiente a la accin a realizar en la fila donde dice Para los elementos que estn marcados:

El botn ndice

Modificar Datos de una Tabla Tambin una vez insertados datos en una tabla de una base de datos, podremos

modificarlos. Esto es posible accediendo al contenido de la tabla desde la peataa Examinar que encontrars en la parte superior de la ventana: Hacer clic en ese elemento har que puedas visualizar el contenido de la tabla. Y al mismo tiempo te dar la posibilidad de editar o eliminar el contenido de cada registro, adems del registro completo.

Desde esta vista podremos ver la informacin almacenada en la tabla. Podemos utilizar los botones de la primera columna para modificar los datos. te permitir modificar el contenido del registro. Plsalo e irs El botn Modificar a borrar la ventana vimos en el apartado de Insertar datos . el que registro completo. Esta accin no es El botn Eliminar reversible as que ten cuidado cuando la utilices. Si quieres borrar varios registros de golpe, marca las casillas de esos registros y pulsa el botn Eliminar de la lnea Para los elementos que estn marcados.

Establecer Privilegios en phpMyAdmin

En cualquier momento puedes utilizar el botn para volver a la pantalla principal de phpMyAdmin. Aqu encontraremos un enlace a la seccin de que es la que nos ocupa en este apartado. Haz clic sobre l y vers la Privilegios siguiente ventana:

Estableciendo privilegios podremos crear usuarios para la conexin remota a la base de datos con determinados derechos sobre una base de datos o incluso sobre una tabla. De esta forma podemos controlar a los usuarios que utilicen la base de datos y hacer distinciones entre ellos en su forma de trabajar con las tablas. Para crear un nuevo usuario slo tienes que hacer clic en Agregar un nuevo usuario. En la siguiente ventana tendrs que introducir los valores que definirn la cuenta:

Rellena los datos siguientes. En Servidor selecciona Local porque es el nico modo con el que vamos a trabajar en estos momentos. El resto puedes configurarlo a tu gusto. Ms abajo encontrars estas opciones:

Aqu podrs seleccionar los privilegios del usuario en forma global, las opciones que marques aqu se aplicarn sobre todas las bases de datos del sistema. Puedes especificar tambin un lmite de recursos (conexiones, peticiones, etc...) Cuando ests listo pulsa Continuar. Ahora vers la pantalla con las opciones del nuevo usuario que acabas de crear. Vers que algunas ya las conoces, como los privilegios globales. Lo que nos interesa en este momento son unas opciones que encontrars ms abajo, los privilegios especficos. Es decir, privilegios enfocados a una nica base de datos:

Selecciona una base de datos en el desplegable o escribe su nombre en el cuadro de texto. Luego pulsa Continuar.

Selecciona los privilegios que quieras aplicar y pulsa Continuar para finalizar. Vers que en la misma pgina ms abajo tienes una opcin muy parecida a la que acabamos de ver pero actando nicamente sobre una tabla de la base de datos. Estableciendo los privilegios de este modo recortaramos muchsimo ms la actuacin del usuario sobre la base de datos.