3B TI-IRD

Configuración del ambiente

de desarrollo Web

Alumno: Martin Méndez Reyes

Prof.: Minerva Matlalcuatzi Cruz

Materia: Aplicaciones Web

Fecha: 09/06/2022
 Configuración del ambiente de desarrollo Web

Como preparar una computadora común para poder ser utilizada como servidor de
pruebas en el que instalar diferentes programas para evaluar su utilidad o
adecuación a nuestros requerimientos.
Este servidor nos será de mucha ayuda para practica o realizar pruebas de nuestras
páginas web, las principales ventajas de disponer de este servidor local son:
 Podemos controlar la configuración del servidor que instalemos, habilitando
las funciones que requiramos.
 Dispondremos de un entorno más fácil de configurar en comparación con
otros,
 Podremos instalar y probar varios tipos de programas sin que sean
PUBLICOS.
 Podremos trabajar sin conexión a internet.
Ya que este servidor es de manera local y en un marco completo de Pruebas,
podremos hacer las pruebas que sean necesarias, una vez pasada esta fase de
pruebas lo podremos montar en algún servidor remoto.
La opción de instalar XAMPP es porque es rápido y fácil de utilizar ya que es un
paquete ya configurado con todas las funciones que necesitaremos.
Un servidor XAMPP se puede instalar rápido y fácilmente como sistema de test local
para Linux, Windows y Mac OS X con un único archivo ejecutable, para este caso
será para Windows. El paquete del software contiene los mismos componentes que
se utilizan en cualquier servidor web, de forma que permite probar proyectos
localmente y transferirlos fácilmente a servidores reales. Dicho todo esto
procedamos a la instalación.

Paso 1: Descargar

Las versiones con PHP 5.5, 5.6 o 7 se pueden descargar gratuitamente desde la
página oficial de: Apache Friends.

Paso 2: Ejecutar el archivo .exe

Una vez descargado el archivo, procedemos a ejecutar el archivo xampp-windows-

x64-8.1.6-0-VS16-installer.exe haciendo doble clic en él, este lo localizaremos en la
carpeta de descargas.

Paso 3: Desactivar el antivirus

Es recomendable desactivar el antivirus hasta que todos los componentes estén

instalados, ya que podemos tener problemas en el proceso de instalación.

Paso 4: Iniciaremos el asistente de instalación

Una vez superados estos pasos, aparece la pantalla de inicio del asistente para
instalar XAMPP. Para continuar con la instalación se damos clic en “Next”.
Paso 5: Selección de los componentes del software
En la ventana “Select components” se pueden excluir de la instalación componentes
aislados del paquete de software de XAMPP. Se recomienda la configuración
estándar para un servidor de prueba local, con la cual se instalan todos los
componentes disponibles. Una vez seleccionados los componentes necesarios
damos clic en “Next”.
Paso 6: Selección del directorio para la instalación
En este paso escogemos el directorio donde se instalará nuestro programa. Si se
ha escogido la configuración estándar se creará una carpeta con el nombre XAMPP
en C:\.

Paso 7: Iniciar el proceso de instalación

El asistente empieza a extraer los componentes seleccionados y los guarda en el
directorio escogido esto puede durar algunos minutos. El avance de la instalación
se muestra como una barra de carga de color verde.
Paso 8: Configurar Firewall
Durante el proceso de instalación es frecuente que el asistente avise del bloqueo
de Firewall. En la ventana de diálogo puedes marcar las casillas correspondientes
para permitir la comunicación del servidor Apache en una red privada o en una red
de trabajo.

Paso 9: Finalizar la instalación

Una vez extraídos e instalados todos los componentes cerramos el asistente con la
tecla “Finish”. Para acceder inmediatamente al panel de control solo es necesario
marcar la casilla que pregunta si deseamos hacerlo.
Una vez terminada la instalación nos abrirá el programa listo para usarse a deseo
de cada usuario

Con esto nos da las opciones a diversas utilidades tales como:

 Config: para configurar XAMPP así como otros componentes aislados.

 Netstat: muestra todos los procesos en funcionamiento en el ordenador local
 Shell: lanza una ventana de comandos UNIX
 Explorer: abre la carpeta XAMPP en el explorador de Windows
 Services: muestra todos los servicios en funcionamiento
 Help: incluye enlaces a foros de usuarios
 Quit: se usar para salir del panel de control
Ahora aremos una prueba con el principio de nuestra página web, para comprobar
la correcta Configuración de nuestro ambiente de desarrollo Web.

Una vez comprobado podemos seguir con nuestra programación y tener la certeza
de que podremos hacer las pruebas necesarias de nuestro proyecto hasta tenerlo
listo y poder pasarlo a un servidor externo.
 Cómo instalar Microsoft Visual Studio Code

Paso 1: Ve a la página de Microsoft Visual Studio Code o haz clic en el enlace que
a continuación te dejo 'Descargar Visual Studio Code' para descargar el archivo de
instalación.

Paso 2: Abre el archivo de instalación VSCodeUserSetup-x64-1.68.0.exe en la

carpeta de descargas para iniciar la instalación.

Paso 3: seleccionamos acepto el acuerdo de licencia y damos clic en Next para

continuar.
Paso 4: A continuación, seleccionamos la ubicación de la carpeta de instalación o
mantenemos la configuración predeterminada y damos clic en Next para continuar.

Paso 5: Elegiremos si deseamos cambiar el nombre de la carpeta de accesos

directos en el menú Inicio y también nos da la opción si no deseamos instalar
accesos directos una vez tengamos esto damos clic en Next.
Paso 6: Seleccionaremos las tareas adicionales, por ej. crear un icono en el
escritorio o añadir opciones al menú de Windows Explorer y damos clic en Next.

Paso 7: una vez pasemos todas estas ventanas damos clic en Install para iniciar la
instalación.
 Paso 8: y listo nuestro programa se ha instalado y está listo para ser usado, le
damos clic en Finish para finalizar la instalación y lanzar el programa.

Y este es nuestro programa ya instalado y listo para ser usado

Y esta es el primer programa cargado y funcionando correctamente nuestro
programa.