DESARROLLO DEAplicaciones WEB

Bitácora de instalación y configuración de herramientas para aplicaciones web.

Ingeniería en informática

Alex Gadiel Cortes García

N° Control:12920296

VII Semestre

martes, 18 de abril de 2023

Que es WampServer

WampServer es un entorno de desarrollo web para Windows en el cual se podrán crear aplicaciones web con Apache, PHP y base de datos en MySQL (motor de base de datos). Esta herramienta incluye además con un administrador de base de datos PHPMyAdmin con el cual podremos crear una nueva base de datos e ingresar la data de las tablas creadas en ella, realizar consultas y generar scripts SQL, como exportar e importar scripts de base de datos. WampServer ofrece a los desarrolladores herramientas necesarias para realizar aplicaciones web de manera local, con un sistema operativo (Windows), un manejador de base de datos (MySQL), un software de programación script web PHP. WampSever se caracteriza por que puede ser usado de forma libre es decir no debemos de contar con alguna licencia el cual nos permita el uso de la misma, ya que pertenece a la corriente de "open source".

Con este programa podremos:

Pre visualizar sitios web localmente.Instalar un servidor web en Windows.Administrar configuraciones de servidores Apache.Crear aplicaciones web.Gestionar bases de datos MySQL.Utilizar lenguaje PHP.Realizar pruebas con sitios PHP antes de subirlos a Internet.

WampServer instala automáticamente todo lo que necesita para comenzar a desarrollar aplicaciones web y es muy intuitivo de usar. 

Para la instalación de WampServer debemos de bajar la versión con la cual vamos a trabajar, en todo caso quieras trabajar con la última versión esta la puedes encontrar en la página principal de WampSever. Para caso de ejemplo utilizare la versión WampServer 2.5.

Una vez descargado el programa procederemos a la instalación de la misma, la cual se mostrara a continuación pasó a paso, en resumidas cuentas la instalación  básica y se realizara la configuración indicada por el facilitador.

La instalación se llevara a cabo en una computadora portátil con las siguientes características.

Imagen 1 características del equipo

Procedimiento

1. Ejecutaremos el archivo WampServer2.5.exe que nos permitirá realizar la instalación del programa. 

Podremos observar en esta ventana nos muestra las versiones de los programas que serán instalados, como es caso del Apache 2.4.9, MySQL 5.6.17, PHP 5.5.12 que son los que maneja esta versión de WampSever.

2. Prosiguiendo con la instalación al dar siguiente se nos presentara la pantalla de común para aceptar las licencias respectivas del producto.

3. A continuación se mostrara la carpeta donde se instalara el programa y en cual podremos acceder a cada uno de los recursos instalados por el mismo. En este caso utilizaremos la ruta predeterminada.

4. Podemos crear un acceso directo en el escritorio si lo deseamos, para ejecutar el WampServer cuando queramos utilizarlo.

5. Por último se realizara la instalación del WampServer el cual extraerá los archivos necesarios y los instalara, el proceso de instalación demorara de acuerdo a la capacidad del ordenador, pero de modo general se desarrolla de forma rápida.

6. En la parte final de la instalación veremos la siguiente ventana en la cual se nos pedirán algunos parámetros finales de la configuración del servidor, así como agregar una excepción al cortafuegos de Windows para que no tengamos problemas a la hora de utilizarlo.

7. Finalmente nos informa que la instalación se ha completado, y se nos ofrecerá la opción de que se ejecute WampServer al finalizar la instalación.

8. Comprobamos que nuestro servidor esté funcionando correctamente, ingresando en nuestro navegador a la dirección localhost.

Configuración

1. Iniciar el editor de texto como administrador en este caso usaremos brackes.

2. Abrir el archivo C:\Windows\System32\Drivers\etc\hosts y agregar al final la siguiente instrucción “127.0.0.1 alex” y guardamos los cambios.

3. Probar en el explorador ingresar a l siguiente dirección http://alex debe mostrar la página inicial de wamp.

4. Abrir el archivo ”C:\wamp\bin\apache\apache2.2.22\conf\extra\

httpd-vhosts.conf”. y agregar esto al final.

#localhost

NameVirtualHost localhost

<VirtualHost localhost>

ServerName localhost

DocumentRoot "C:/wamp/www"

</VirtualHost>

NameVirtualHost alex

<VirtualHost alex>

ServerName alex

DocumentRoot "C:/wamp/www/alex"

ErrorLog "C:/wamp/logs/alex_errors.log"

CustomLog "C:/wamp/logs/alex_access.log" combined

<Directory />

Options -Indexes

AllowOverride All

</Directory>

</VirtualHost>

5. Reiniciar Apache

6. Editar el archivo C:\wamp\bin\apache\apache2.2.22\conf\httpd.conf buscar:

# Virtual hosts

#Include conf/extra/httpd-vhosts.conf

* quitar el simbolo # al inicio de la siguiente linea

Include conf/extra/httpd-vhosts.conf

* quitar el simbolo de # a la linea

LoadModule rewrite_module modules/mod_rewrite.so

* guardar cambios

7. editar el archivo c:\wamp\www\alex\settings.php modificar las siguientes constantes y más o menos debe quedar así:

const APP_DIR = "c:/wamp/www/alex/";

const STATIC_DIR = "c:/wamp/www/alex/static/";

# Directorio Web (ruta después del dominio. / para directorio raíz)

const WEB_DIR = "/";

# Ruta de la vista por defecto

"/usuarios/usuario/login";

const DEFAULT_VIEW = "/seguimientos/menu/agregar";

* los otros valores se dejan como están

9. Reiniciar apache y probar http://control.

Conclusiones

Al término de esta práctica obtuvimos como resultado un servidor web virtual con la implementación de la paquetería WampServer

El término Hosting Virtual se refiere a hacer funcionar más de un sitio en una sola máquina. Los sitios web virtuales pueden estar "basados en direcciones IP", lo que significa que cada sitio web tiene una dirección IP diferente, o "basados en nombres diferentes", lo que significa que con una sola dirección IP están funcionando sitios web con diferentes nombres (de dominio). El hecho de que estén funcionando en la misma máquina física pasa completamente desapercibido para el usuario que visita esos sitios web.

Referencias electrónicas

http://codegeando.blogspot.mx/2013/03/php-wampserver-definicion-instalacion-y.html

http://www.wampserver.com/en/

http://es.wikihow.com/instalar-WAMP

https://labinformaticaiii.wikispaces.com/file/view/Wamp+Server+Presentacion.pdf

http://httpd.apache.org/docs/2.0/es/vhosts/