No existe ninguna imagen

Posts Tagged ‘apache’

Como instalar WampServer e integrar con Dreamweaver CS5

Jueves, agosto 5th, 2010
Nota*: Esta forma de conexión (paso 8 y paso 9 al final del tutorial), aunque pueda funcionar para otros tipos de paquetes tipo WAMP, sólo lo he probado para WampServer. No estaré seguro hasta que pruebe las otras dos que pienso cubrir.

Como ya había mencionado anteriormente, voy a estar trabajando en algunos artículos sencillos acerca de Dreamweaver los cuales preceden a otros más complicados que trabajaré en el futuro. Este artículo es el primero de una pequeña serie de como instalar tecnologías que nos permitan tener un ambiente local (o de desarrollo) donde trabajar nuestros websites. Yo personalmente trabajo con Apache, PHP y MySQL en Windows, así que pienso espero cubrir, además de WAMPServer, otros paquetes pre-copilados como easyPHP, XAMPP y, el método que siempre he usado, instalar estas tres tecnologías individualmente. También, aprovechando que estoy haciendo una serie de tutoriales acerca de Dreamweaver, explico como configurar esta instalación con DW para que podamos hacer uso de las funciones de Base de Datos de este editor. Vale la pena mencionar que estoy usando DWCS5 desde hace poco y me he dado cuenta que es bastante diferente en cuanto a configurar el servidor de prueba a la versión CS3, la cual usaba anteriormente.

Lo primero que vamos a hacer es descargar WAMPServer. Una vez descargado dar doble click al instalador. El instalador es bastante fácil de seguir, pero de todas formas aquí dejo algunas capturas de pantalla:

No creo que sea necesario, pero recomiendo que se le dé un “re-start” a la computadora después de la instalación. Yo en mi caso tuve que darlo porque tuve un pequeño conflicto con dropbox, pero después del re-start no tuve nigún problema. Una vez instalado podrán ver el icono de WampServer en la Barra de Tarreas. Si se le da click al icono el menú de opciones aparece.

Al escoger “Localhost” en el menú se abre el navegador defecto con la dirección: http://localhost mostrando la página index.php creada por el programa. En ella se desglosan la configuración de PHP así como también las herramientas disponibles.

Lo próximo es crear una base de datos y un usuario MySQL con el cual podamos conectar con DW. Para eso usamos phpMyAdmin. phpMyAdminn es una herramienta para trabajar con MySQL hecha en PHP, es por eso que trabajamos con el usando el navegador (Yo usualmente no uso phpMyAdmin para crear bases de datos y usuarios, pero ya que es el la aplicación incluida en este paquete la usaré como ejemplo). Podemos llegar a phpMyAdmin usando el enlace que estás en la imagen anterior o dando click al icono de WampServer y escoger phpMyAdmin:

La forma más fácil de crear una base de datos y un usuario es crear el usuario y escoger la opción de que phpMyAdmin cree la base de datos con el mismo nombre y con todos los permisos necesarios. Eso lo podemos hacer desde la pestaña o “tab” de “Privileges”.:

Una vez hecho esto estamos listos para crear una conexión.  Pasamos a DW y preparamos nuestro Sitio o “Site” y configuramos nuestro Servidor de Pruebas.  Hacemos lo siguente:

  1. Creamos una carpeta nueva dentro de la carpeta “www” que está dentro de la carpeta de instalación de WampServer (yo he llamando la mía “website1″ . Ésto lo hacemos para separar nuestros websites, así tendremos una carpeta por cada website. Recuerden no usar espacios, ni acentos, ni eñes (ñ) en ningún nombre de archivos. Carpetas incluidas.
  2. Creamos un nuevo Sitio:  Sitio -> Nuevo Sitio (Site -> New Site).
  3. En la primera ventana pestaña de Sitio (Site) agregamos el nombre del website. Puedes nombrarlo como quieras, es sólo para referencia. También especificas la carpeta que creaste en el paso 1. Como mencioné antes, esta carpeta va a contener todos los elementos de nuestro website.
  4. Vamos a la pestaña de Servidores (Servers). Esta parte, como mencioné anteriormente, es bastante diferente a DW CS3. Podemos asociar servidores de prueba y servidores FTP. Para configurar un servidor  le damos click al botón de más (+) :
  5. Le damos un nombre al servidor. Escogemos Local/Network. Agregamos la carpeta donde está nuestro website. Por último, como URL ponemos “http://localhost/nombre_de_la_carpeta_del_website” en mi caso “website1″.
  6. Vamos a la pestaña de Avanzado (Advanced) y escogemos la tecnología del lado del servidor que vamos a utilizar. En este caso, ya que estamos usando WampServer, escogemos PHP MySQl y le damos a guardar (Save):
  7. Una vez en la ventana de Servidores (Servers) especificamos que el servidor que creamos es un Servidor de Prueba (Testing) y le damos a Guardar (Save).
  8. Ahora creamos la conexión. Vamos al panel de Database y le damos símbolo de más (+) para añadir una conexión:
  9. Por último creamos la conexión. Le damos un nombre (DW hace un archivo PHP con este nombre, así que las reglas de como nombrar un archivo aplican aquí).Ahora agregamos la información que usamos para crear el usuario y la base de datos y le damos a OK:

Y eso es todo. Si no tienes ningún error podrás ver que DW ha creado una nueva carpeta llamada Conexiones (Connections). Dentro de ella podrás ver un archivo PHP con el nombre de tu conexión. Ahora podrán usar las funciones de bases de datos de DW para crear un sistema CRUD sencillo, algo que también estaré cubriendo próximamente.