Guia 1 Entorno XAMPP

UNIVERSIDAD FRANCISCO GAVIDIA
FACULTAD DE INGENIERIA Y SISTEMAS

Programación IV
Objetivo: Poner en práctica los conceptos aprendidos en clase para configurar el entorno de desarrollo para
PHP.
Instalación de XAMPP
1. Descargue XAMPP de la siguiente dirección:

https://www.apachefriends.org/es/index.html
2. Ejecute con privilegios de administrador el archivo descargado.

3. Instale XAMPP siguiendo la filosofía Microsoft (Siguiente, siguiente … Finalizar)
4. Al finalizar la instalación, permita que se ejecute el Panel de Control de XAMPP
5. Inicie los servicios de Apache y MySQL

6. Deben mostrarse los puertos por los cuales escuchara peticiones nuestro servidor web y el gestor de
bases de datos.
Apache escucha en el puerto 80 (peticiones HTTP) y puerto 443 (peticiones HTTPS) por defecto, si el servicio
no inicia puede que el puerto 80 este siendo utilizado por otro servidor web (Ej. IIS)
MySQL/MariaDB escucha peticiones por el puerto 3306 por defecto.
Probando los servicios y el entorno de desarrollo
Apache
1. Abra su navegador predilecto y digite localhost o 127.0.0.1 en la barra de direcciones.
2. Coloque una captura de pantalla con el resultado en el espacio siguiente:
Si ha seguido correctamente debera mostrar una pagina con la información de XAMPP.
MySQL / MariaDB
1. Para probar el correcto funcionamiento de MySQL, en el panel de control haga clic sobre el botón
Shell
2. Se abrirá una terminal o línea de comandos, digite la línea siguiente para poder conectarse al gestor de
bases de datos:
mysql -u root -p
Presione <Enter>
 Mysql: llama la ejecución del programa para conectarse al gestor de bases de datos
 -u: parámetro para indicar el nombre de usuario que se va a conectar
 -p: parámetro para hacer que el gestor solicite la contraseña del usuario que se intenta conectar (root)
 En este caso no hemos configurado ninguna contraseña para root por lo tanto solo debemos presionar
<Enter>
3. Digite los siguientes comandos el el prompt de MariaDB y coloque una captura de pantalla con los
resultados de cada comando
 show databases;
 use nombre_base_datos; (escoge una del resultado anterior)
 show tables;

 CREATE DATABASE IF NOT EXISTS progra4 CHARACTER SET utf8 COLLATE

utf8_general_ci; (comando para crear una nueva base de datos)


 Vuelve a listar las bases de datos disponibles, se debe reflejar la base recién creada.

Visual Studio Code
1. Ingresa a la siguiente dirección para descargar el instalador de Visual Studio Code (Code de ahora en
adelante)
https://code.visualstudio.com/download
2. Descarga la versión según tu sistema operativo, en este caso Windows
3. Ejecuta el instalador y sigue los pasos del asistente (Filosofía Microsoft)

4. A continuación les dejo los enlaces para que decarguen e instalen algunas de mis extensiones favoritas
y que pueden ayudarles a aumentar la productividad al crear aplicaciones web:
a. Prettier
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
b. Auto Rename Tag
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
c. Auto Close Tag
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
d. Better Comments
https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
e. Error Lens
https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens
f. Indent Rainbow
https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
g. Live Server
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
h. PHP Intelephense
https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client
- Una forma diferente de instalar las extensiones es utilizar el icono de la barra de herramientas lateral
digitando en el campo de búsqueda el nombre de la extensión que requieres instalar.
Pruebas de PHP
1. Vamos a crear una página PHP más útil que hacer un Hola Mundo.
2. Abra un explorador de archivos y vaya a la carpeta donde se van a alojar todos los proyectos web
dentro de XAMPP. Si seguimos la instalación por defecto la ruta es: C:\xampp\htdocs
3. Utilizando un editor de textos (VSCode), crea un nuevo archivo y guárdalo en la ruta anterior con el
nombre info.php
4. En la ventana del editor de texto digitamos el código de PHP.
<?php phpinfo(); ?>
5. Procedemos a guardar este archivo.
6. Abrimos nuestro navegador y digitamos la URL para poder acceder a la página PHP que acabamos de
crear.
localhost/info.php
7. Coloca una captura de pantalla con el resultado obtenido.
8. Revisa el contenido de la pagina creada e identifica puntos importantes de la instalación.

Bueno lo que vi fue esto que hay cosas que uno instala y no sabe si estan bien da el detalle de programas que
nos ayudan a programar, comparto pantalla, me parecio interesante como que te muestra lo que te da para que
trabajes o mejores si hay algo q te haga falta.
9. Comenta brevemente lo que has podido identificar de la información proporcionada por la pagina
creada.
Como lo comente anteriormente, es una pagina o inf completa d ver que esta instado en nuestro equipo para
poder usa el entorno de xampp, VSC, mucha información de la configuración para pttp, extensiones, PHP API
Guarda este archivo de Word, colocale tu número de carnet como nombre y subelo a la
UVirtual en el enlace correspondiente.
 Reto extra:
o Investigar sobre el uso de PHPMyAdmin en XAMPP y ejecuta los comandos
sobre MySQL/MariaDB de esta guía.

Guia 1 Entorno XAMPP

Cargado por

Copyright:

Formatos disponibles

Guia 1 Entorno XAMPP

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Guia 1 Entorno XAMPP

Cargado por

Copyright:

Formatos disponibles

UNIVERSIDAD FRANCISCO GAVIDIA

FACULTAD DE INGENIERIA Y SISTEMAS

1. Descargue XAMPP de la siguiente dirección:

2. Ejecute con privilegios de administrador el archivo descargado.

5. Inicie los servicios de Apache y MySQL

Si ha seguido correctamente debera mostrar una pagina con la información de XAMPP.

 CREATE DATABASE IF NOT EXISTS progra4 CHARACTER SET utf8 COLLATE

3. Ejecuta el instalador y sigue los pasos del asistente (Filosofía Microsoft)

8. Revisa el contenido de la pagina creada e identifica puntos importantes de la instalación.

También podría gustarte