Instalación y configuración de un servidor web local (XAMPP)(Windows)

0

Instalación y configuración de un servidor web local (XAMPP)(Windows)

Uno de los problemas mas comunes al comenzar en el diseño y creación de sitios web profesionales
se presenta cuando queremos visualizarlos en un navegador real, si bien, programas como
 "Dream Weaver", que poseen herramientas de visualización real, no son lo suficientemente
 buenas aún para la práctica.

Una de las preguntas mas comunes es. ¿Por que instalar un servidor en local y no usar uno en linea?

Las respuestas pueden ser diversas, comenzando por que, poseer un servidor local da ciertas
ventajas que uno en linea no.

  1. Reduce el tiempo de espera al no tener que enviar por la red sitios muy pesados en MB.
  2. No dependes de internet, por lo que si "se cae tu red" igual puedes continuar trabajando.
  3. Puedes incluir paquetes adicionales como PHP e interpretar ese tipo de lenguaje, 
  4. con lo que no necesitaras subirlo por FTP a algún host con DreamWeaver.
  5. Puedes usarlo para alojar varios sitios a modo de prueba.
  6. Puedes configurarlo en conjunto con tu red y abrirlo al publico en general, 
  7. osea que sepodrá acceder desde cualquier equipo que tenga internet.


Y así podría continuar citando las ventajas. Desventajas no conozco alguna en lo personal,
si alguien sabe de una no dude en publicarnos.
Sabiendo todo esto procedemos al tema en cuestión, para lo cual necesitaremos descargar
ciertas herramientas que son las siguientes:

XAMPP (Servidor Web).
Recomiendo descargar la version 1.7.3, ya que es la que usaremos para este manual y por
que no requiere librerías adicionales de Windows instaladas en el equipo a diferencia
de las versiones mas recientes.
Lo puedes descargar desde aquí:

Página de prueba echa con cariño por mi:

¿Por que XAMPP?
Por que tiene todas las herramientas que necesitas, es fácil de configurar, y trae mas herramientas
que otros como AppServ.

Instalando XAMPP

El paquete que les recomendé es ejecutable, así que básicamente sera solo dar doble click
para que comienze a ejecutarse el instalador:
En el cuadro donde dice C:\ recomiendo no hacer modificaciones, lo que hace es especificar la 
ubicación donde se va a instalar XAMPP, que de manera predeterminada es la 
unidad C (directorio raíz), por comodidad puedes elegir otro como archivos de programa 
pero en este manual lo trabajaremos directamente en la unidad C.

Al terminar de instalarlo nos abrirá una ventada en ms-dos en la cual comenzaremos a configurar.
En esa ventana escribimos la "y" en caso de que no esté y damos enter, lo que hace es crear un 
icono en el escritorio y agregar xampp al menú inicio de windows. seguido de esto nos mostrara 
otra información:
Escribimos la "y" en caso de que no este y presionamos enter. Esta opción es para confirmar las 
rutas de instalación. Seguido de ello nos muestra otra opción:
Esta opción nos permite hacer XAMPP portable, por ello escribiremos "n", y daremos enter.
 Si lo configuramos en portable nuestro directorio de instalación será /xampp/, si no lo hacemos 
portable será C://xampp/
Seguido de lo anterior nos mostrara información en la cual nos indica que está reubicando 
los archivos, 
al final de eso presionamos enter nuevamente, y nos mostrara mas información:
Aquí nos indica que la zona horaria es "America/Chicago", de momento no la podemos 
modificar directamente desde aquí, pero lo podremos hacer desde los archivos php.ini y my.ini 
mas adelante, presionamos enter y nos mostrara otra ventana con información:
En esta ventana solo modificaremos lo mas reelevante, que es disable HTTPS (Desabilitar HTTPS), 
ya que dejarlo habilitado implica que siempre habrá un servidor en paralelo escuchando por el 
puerto 443, y es innecesario a menos que tengas un certificado de seguridad para tu 
sitio web el cual cuesta bastante $$$. por ello escribimos 3 y presionamos enter, luego 
presionamos x y damos enter nuevamente, con lo cual se cerrara este asistente.

Conociendo XAMPP

Si vamos a nuestro escritorio notaremos que hay un nuevo icono llamado "Xampp Control Panel", 
al dar doble click sobre el se abre un cuadro de dialogo:
Este panel nos permite instalar e iniciar los servicios de XAMPP, del lado izquierdo ubica los 
cuadros de selección que dicen Svc, estos cuadros nos permiten instalar cada uno de los servicios 
en el arranque del sistema con lo cual al reiniciar el equipo se iniciara el servicio que nosotros
 seleccionemos, un poco mas a la derecha los botones "start" nos permiten ejecutar los 
servicios en caso de que estén apagados, y si están encendidos nos permitirán detenerlos. 
Mas a la derecha los botones "Admin", estos botones segun el servicio al que correspondan, 
nos pueden abrir ventanas de internet o cuadros de diálogos con opciones para administrar los servicios.

Los demás botones se los dejo a la experiencia.

Si presionamos start en Apache se inicia el servidor web (el que nos interesa), una vez iniciado 
podemos ver el sitio web en funcionamiento desde un 
navegador con las direcciones: http://localhost/ o http://127.0.0.1/

Ahora accedemos a la dirección local "C:\\xampp\htdocs", donde encontraremos los archivos
predeterminados del sitio que vimos en la imagen anterior.


Debido a que este tutorial se limita solo a mostrar como instalar y configurar XAMPP
de manera local, no profundizaremos en el tema de las cuestiones de seguridad, ese tema lo
trataremos en otra publicación debido a que es algo extenso.

Continuamos borrando los archivos de esa carpeta y sustituyéndolos por los archivos de la
página de prueba que descargamos previamente, por lo que deberá quedar nuestra carpeta
con los siguientes archivos:


Una vez que tenemos todo echo de esta forma, procedemos a abrir el panel de control de XAMPP
 desde el icono del escritorio, y presionamos el boton de start que esta del lado derecho
de la opción Apache, debera aparecer una etiqueta color verde olivo, que dice "Running".

Si hemos realizado todos los pasos sin inconvenientes podremos acceder a visualizar
nuestro sitio web desde el navegador desde la dirección antes mencionada,
recomendamos utilizar la dirección http://127.0.0.1/ al acceder deberá aparecer una página
como la siguiente:



Y eso es todo solo recuerden que para poder modificar su web deberán hacerlo
desde la ubicación C:\xampp\htdocs allí es donde estan todos los archivos del sitio web.

Nota importante: A algunos les puede ocurrir que al presionar el botón de start para 
iniciar el servidor apache este se inicia y después se apaga, esto es debido a que 
probablemente el puerto 80, que es el predeterminado, esta siendo ocupado, 
para solucionar esto, debemos hacer lo siguiente:

Comprobar si esta ocupado y por quien, desde el panel de control de XAMPP, 
accediendo por el icono del escritorio, buscamos el botón con la etiqueta "Port-Check", 
al presionarlo, esperamos a que nos de los resultados:

Nos indica el primero que el puerto 80 es ocupado por el proceso System, por lo cual 
accedemos a los servicios de microsoft, utilizando la combinación 
de teclas WIN+R (La tecla WIN es la de la ventana de microsoft 
entre las teclas CTRL y ALT), al presionarlas nos abrirá la ventana de dialogo 
ejecutar en la cual escribimos "services.msc" y damos enter:

Nos aparecerá la ventana de servicios de microsoft, en la cual ubicamos un servicio llamado
"Servicio de publicación World Wide Web", damos click con el botón derecho del mouse 
sobre el para mostrar el menú contextual y detenemos el servicio.

Echo esto no deberían ahora tener problemas para iniciar nuevamente el servidor Apache.

Eso es todo el contenido de este tutorial, recuerden que XAMPP es un paquete de
aplicaciones Web, por lo que viene instalado en conjunto con PHP, MySQL,
FileZilla y Mercury Mail, los cuales veremos la posibilidad de configurarlos
adecuadamente para trabajar con ellos en conjunto mas adelante.

En el próximo tema espero poder mostrar configuraciones de seguridad de xampp,
en especial sobre esta versión, y por que no algunas configuraciones interesantes en temas posteriores.

Agradezco el tiempo que le dedicaron en su lectura y espero les sirva de algo esta guía,
si tienen alguna duda o comentario sean bienvenidos.

Créditos de Autor: Carlos Carbajal Figueroa. (Radiantecf)

Entradas que pueden interesarte

Entradas más recientes Entradas antiguas

Sin comentarios