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 información dedicaremos los siguientes apartados a la instalación y configuración de un servidor de pruebas local que sea capaz de hacer todo esto.

Para ello necesitarás 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 muchísimos de ellos.Vamos a ver paso por paso lo que deberás hacer.Una vez tengas el archivo ejecutable en tu ordenador, haz doble clic sobre él para empezar la instalación.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. Deberás aceptarlo haciendo clic en la opción I accept the agreement y pulsar el botón Next >.

En esta ventana nos preguntan dónde queremos que se guarde el programa.
Será mejor que lo guardemos en la carpeta donde se instalan todos los programas, así tendremos todo mucho más ordenado.

Haz clic en el botón Browse..., se abrirá un cuadro de diálogo para que selecciones la carpeta donde quieras instalarlo.

Abre Disco local (C:) y selecciona Archivos de Programa. Pulsa el botón OK para aceptar.

Volverás 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. Déjalo como está y vuelve a pulsar Next >.

Aquí podremos seleccionar la opción Auto Start si queremos que el programa se ejecute cada vez que iniciemos Windows.

Mejor dejarla deseleccionada, pues sólo vamos a utilizarlo en determinadas ocasiones y no nos interesa que esté siempre ejecutándose consumiendo recursos.

De nuevo, pulsamos Next > para seguir.

Ya casi hemos terminado.

Haz clic en Install para instalar el programa. Antes de que la instalación se complete, WAMP te hará una última pregunta: ¿dónde 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 conexión FTP para subir archivos) tiene una dirección asociada.

Puede ser una dirección formada por un nombre de dominio, como www.aulaclic.com, o por una dirección IP (conjunto de 4 números 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. Verás que una vez instalado WAMP podremos acceder a nuestro servidor local escribiendo en la barra de direcciones del navegador http://localhost/. También podríamos hacerlo escribiendo http://127.0.0.1/ que es la dirección 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 más cómoda, 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 actúe de localhost y pulsa Aceptar.
Si cambiaste la carpeta, el programa te advertirá que tendrás 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 tendrás 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.

Deberás 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 sólo tienes que hacer clic en Inicio, Todos los programas, WampServer y finalmente en Start WampServer.

En el área de notificación aparecerá un nuevo icono: . (Puede que el diseño de estos iconos varíen un poco según la versión 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 cómo se encuentren estos servicios.

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 título de Services.Aquí podrás 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 estén ejecutando,por lo que el estado del icono en la barra de tareas cambiará.
• Restart All Services parará los servicios e intentará ejecutarlos de nuevo. Utiliza esta opción cuando se te presente algún problema en su funcionamiento.
• Por defecto WAMP ofrece un servicio cerrado, sólo tú serás capaz de ver el contenido del localhost.
  

A partir de la versión 1.6.4 puedes hacer clic sobre la opción Put Online para hacer público este contenido y que otras personas puedan verlo introduciendo la IP de tu ordenador en un navegador.
Nota: Si tu conexión se encuentra detrás de un router esta opción no funcionará correctamente hasta que configures el router para ello.

Si cambias esta opción los iconos de la barra de estado cambiarán y dejarán de mostrar un pequeño candado que indicaba el uso Offline.

Luego podremos encontrar dos desplegables uno para cada servicio. En esencia ambos menús son muy parecidos y las opciones principales se encuentra en la imagen de la derecha.

Observa las dos últmias opciones Install Service y Remove Service, te servirán para instalar y desinstalar el servicio en caso de que hayas trastocado algún archivo y haya dejado de funcionar.
Simplemente desinstala el servicio y vuélvelo 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 título de WAMP5.

Localhost abre una nueva ventana del navegador mostrando el contenido del localhost. Por defecto verás una página creada por WAMP desde donde podrás navegar por el contenido de las carpetas.
De todas formas también 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í podrás trabajar con los ficheros como hacíamos hasta ahora.Copiándolos, moviéndolos o borrándolos cuando sea necesario.

Por último la opción phpMyAdmin nos llevará a una página 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 si ningún tipo de problemas. Ahora podemos combinar esta aplicación con Dreamweaver para probar las páginas
dinámicas que vayamos creando en nuestro sitio.

Para ello no hará falta más que declarar un Servidor de prueba en Dreamweaver.

Para ello deberás editar la configuración 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 diálogo de Definición del sitio.

Selecciona la pestaña Avanzada y haz clic en la categoría Servidor de pruebas.
Verás 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 deberás 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 automáticamente en el panel Archivos. Y finalmente escribe el URL del sitio de pruebas. Recuerda que habíamos definido
d:\PHPServer\ como localhost, por lo tanto para acceder desde un navegador a la carpeta donde estarán 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 deberás tener WAMP ejecutando al menos el servicio de Apache (que es el que se ocupa de correr PHP).

Introducción a phpMyAdmin

Para abrir phpMyAdmin, una vez instalado WAMP, haz clic en la opción phpMyAdmin de su menú como vimos en un apartado anterior.

Se abrirá una ventana del navegador y mostrará la ventana principal de la aplicación:

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 phpMyAdmin

Para crear una nueva base de datos en phpMyAdmin basta con escribir el nombre de la nueva base de datos en el cuadro de texto creado para ello en la página principal y pulsar el botón Crear.La nueva base de datos se creará automáticamente.

Puedes seleccionar un juego de carácteres en el desplegable Cotejamiento, si lo dejas en blanco se tomará el valor por defecto que variará según la configuración de cada servidor.
Es recomendable que escojas la opción 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 podrás 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 verás una nueva pantalla desde donde podrás 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 Número de campos.
Cuando hayas terminado pulsa el botón Continuar y verás una pantalla como esta:

Aquí deberás establecer la configuración de cada uno de los campos de la tabla.
Rápidamente definiremos las propiedades más frecuentemente utilizadas:

• Campo: El nombre del campo
• Tipo: El tipo del valor del campo: texto, número 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 búsqueda
• Único: El campo sólo puede adoptar valores únicos. No podrán haber dos registros
• con un mismo valor en ese campo.
• Extra: Selecciona aquí si quieres que el campo sea de tipo numérico con auto-incremento.
• Cada registro tendrá un valor superior al anterior.
• Texto completo: Al visualizar la tabla mostrar el contenido completo del campo.

Pulsa el botón 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 clic en el botón al lado del nombre de la tabla o haciendo clic sobre ella en el menú de la izquierda podrás acceder a la vista en detalle de sus campos y propiedades. En esta última vista puedes hacer clic en la pestaña Examinar para ver el listado de todos los registros. Utiliza la pestaña Buscar para filtrar el listado por los valores de algún campo.

Insertar Datos en una Tabla

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 encontrarás en la parte superior izquierda de la pantalla.
Luego selecciona la tabla con la que quieres trabajar y haz clic en la pestaña Insertar

En seguida se abrirá una ventana desde donde podrás añadir 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, tendrás que hacer clic en la pestaña Importar en el mismo menú donde encontraste la opción anterior:

Se abrirá una ventana desde donde deberás especificar qué archivo quieres importar:

Observa que deberás indicar la localización del archivo que contiene los datos que queremos importar. Y sobre todo, lo más 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 botón Continuar y los registros (si no hubo ningún fallo en el archivo) se añadirán automáticamente.

Modificar una Tabla en phpMyAdmin


Una vez tengas creada una tabla en la base de datos es posible editarla para modificar la configuración de algún campo o incluso añadir 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 página una vez seleccionada la base de datos.

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

Observa la ventana:

Para añadir nuevos campos a la tabla sólo tienes que escribir el número de campos que vas a crear en el campo Añadir ..... campo(s). Luego selecciona la pocición donde se añadirán, Al final de la tabla, Al comienzo de la tabla o Después de.. y pulsa el botón Continuar.
Se abrirá la ventana de definición de campos que vimos en el apartado anterior y sólo deberás rellenarla como ya hemos visto.

Modificar campos ya existentes tampoco es muy complicado, sólo tendrás que utilizar los botones que se encuentran en la columna acción del campo correspondiente.

• El botón Modificar: te permitirá modificar la configuración del campo. Podrás cambiar todas las opciones que viste cuando lo creaste.
• El botón Eliminar: borrará el campo y todos los valores almacenados en cada
• registro que le correspondan.
• El botón Clave Principal: establece que el campo se marque como clave principal
• de la tabla.
• El botón Índice: crea un nuevo indice en la tabla con el campo seleccionado.
• Finalmente el botón Único: establece el campo seleccionado como campo con valor único, es decir, no puede contener valores repetidos.

Si queremos realizar la misma acción sobre varios campos a la vez, podemos marcarlos con las casillas de verificación que se encuentran en el extremo izquierdo y luego pulsar el icono correspondiente a la acción a realizar en la fila donde dice Para los elementos que están marcados.

Modificar Datos de una Tabla

También 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 peataña Examinar que ontrarás 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, además del registro completo.

Desde esta vista podremos ver la información almacenada en la tabla.
Podemos utilizar los botones de la primera columna para modificar los datos.

• El botón Modificar: te permitirá modificar el contenido del registro. Púlsalo e irás a la ventana que vimos en el apartado de Insertar datos.
• El botón Eliminar: borrará el registro completo. Esta acción no es reversible así que ten cuidado cuando la utilices.Si quieres borrar varios registros de golpe, marca las casillas de esos registros y pulsa el botón Eliminar de la línea Para los elementos que están marcados.

Establecer Privilegios en phpMyAdmin

En cualquier momento puedes utilizar el botón para volver a la pantalla principal de phpMyAdmin. Aquí encontraremos un enlace a la sección de Privilegios que es la que nos ocupa en este apartado. Haz clic sobre él y verás la siguiente ventana:

Estableciendo privilegios podremos crear usuarios para la conexión 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 sólo tienes que hacer clic en Agregar un nuevo usuario.
En la siguiente ventana tendrás que introducir los valores que definirán 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.Más abajo encontrarás estas opciones.



VIDEOS TUTORIALES DE APOYO AL TEMA.

• TUTORIAL 1
• TUTORIAL 2