Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

Universidad Tecnológica de Puebla NO. 1

PÁGINA 1 DE 6
TÉCNICO SUPERIOR UNIVERSITARIO EN TECNOLOGÍAS DE LA INFORMACIÓN VERSIÓN: 1.0
ÁREA DESARROLLO DE SOFTWARE MULTIPLATAFORMA
EN COMPETENCIAS PROFESIONALES

Práctica de la Asignatura: Aplicaciones Web Orientadas a Servicios

Título De La Practica: Configuración de visual studio code para ejecución php FECHA DE ACTIVACION:
22/09/2022

Asignatura: Aplicaciones Web Orientadas a Servicio ELABORO: Reyes López Edwin

Jaret
Unidad Temática: Unidad II Interfaz de Programación de Aplicaciones (API)

Número de Participantes recomendable: 1

DURACIÓN: 90 minutos LUGAR: Laboratorio - 106

GRADO DE DIFICULTAD: Bajo

I.- OBJETIVO DE LA PRÁCTICA:

Configurar el entorno de programación con PHP en Visual Studio Code y XAMPP.
II.- MATERIAL SOFTWARE Y HARDWARE PARA REALIZAR PRACTICA: APROBO: Fabián Abel Nava
Modelo y marca del equipo de cómputo: Hp Conde
Nombre del firmware: Visual Studio Code fabian.nava@utpuebla.edu.m
Nombre del software adicional: x
Nombre del recurso url:

III.- EXPOSICIÓN TEÓRICA DE LA PRÁCTICA:

Configurar Visual Studio Code para PHP

Visual Studio Code utiliza el propio motor de PHP para interpretar la sintaxis del lenguaje de programación. Esto puede sonar trivial, pero
es una buenísima noticia ya que esto permite que VS Code para PHP esté siempre a la última.

Para permitir que nuestro Visual Studio Code nos proporcione toda la potencia de PHP, lo primero que tenemos que hacer es modificar
los Ajustes para decirle a VS Code dónde está instalado PHP.

Para ello, una vez abierto Visual Studio Code, vamos a Archivo -> Preferencias -> Ajustes (File -> Preferences -> Settings), o utilizamos el
atajo de teclado «Control+,». Esto nos abrirá el panel de Ajustes que debemos modificar a continuación.

Continúa leyendo en: https://bugeados.com/programacion/visual-studio-code-para-php/

Mas referencia en:

Coache ANC fabian.nava@utpuebla.edu.mx

 Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

https://www.mclibre.org/consultar/php/otros/vsc-php-configuracion.html

Configurar VISUAL STUDIO CODE para PHP - YouTube

Visual Studio Code. Mi Configuración de extensiones 2020 - YouTube

IV.- RESULTADOS ESPERADOS:

Instrucciones:

Se deberá de ilustrar cada paso de la configuración del reconocimiento de php en visual studio code en el
apartado ejecución, por cada paso ejecutado capturar pantalla de la evidencia y agregar una descripción de cada
proceso realizado.

PASO 1.- Elegir extensiones PHP Extension Pack:

Depurador de php

autocompletado de instrucciones en Php

PASO 2.- Extensión formatter:

Para que aparezcan colores

PASO 3.- Editar o agregar el path: para copila a nivel de comandos

Para que el intérprete de comando php.exe

Panel de control/sistema/configuración avanzada del sistema/propiedades de equipo/opciones

avanzadas/variables del entorno/elegir variables del sistema/seleccionar path/editar/nuevo/examinar (buscara el
archivo copilador de php C:/xampp/php) aceptar/aceptar/aceptar/aceptar

Nota:

Al instalar Xampp se instala en c:/xampp/php/

PASO 4.- Indicarle a visual estudio Code donde se encuentra el copilador de php (php.exe)

Ir a la página de visual estudio Code: https://code.visualstudio.com

4.1 Acceder a link Docs

4.2 Acceder a lenguajes

4.3 Acceder a PHP

4.4 Editar el archivo settings.json y agregar

Coache ANC fabian.nava@utpuebla.edu.mx

 Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

"php.validate.executablePath": "c:/php/php.exe"

4.5 Copiara "c:/php/php.exe" para Windows

4.6 ir a visual estudio Code presionamos ctrl+,

Editar con “c://xampp//php//php.exe”

    "php.validate.executablePath": "c://xampp//php//php.exe"

5. Cerra y abrir visual estudio Code para actualizar

6. Guardar los archivos php en la carpeta c:/xampp/htdocs/ aquí guardar los archivos php

En visual estudio Code ir a abrir carpeta: buscar carpeta c:/xampp/htdocs/nombre de su carpeta de proyecto. Si
confió en los autores

Aparece una ventana con ¿Confía en los autores de los archivos de esta carpeta?
R: Si confió en los autores
7.- Activar el servidor apache en XAMPP Control Panel

8.- Ejecutar los siguientes códigos en php en el navegador en tres archivos separados

Ejemplo 1:

PHP Control de flujo: foreach

Esta forma de control, sirve para recorrer colecciones como matrices, ya que las procesa automáticamente y no hay que tener contadores
funcionando… esta es su forma de funcionamiento:

1 coleccion;

2 foreach (expresion){

3     instrucciones;

4 }

Este bucle es un poco más complicado, por el tema de las colecciones, pero lo veremos muy claro con el siguiente ejemplo extraido del
McGrawHill:

Coache ANC fabian.nava@utpuebla.edu.mx

 Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

1 $matriz = array("pavo", "jamón", "ternera");

2 foreach ($matriz as $valor) {

3 echo "Emparedado actual: $valor<br/>";

4 }

La primera línea nos declara el array, con tres palabras; pavo, jamón y ternera.
La segunda línea es donde tiene lugar el bucle, en la expresión nos dice que tome el valor correspondiente de $matriz y lo guarde en la
variable $valor, que luego utiliza.
Una vez ha terminado la matriz el bucle termina y sigue el programa normalmente….
De este modo aunque ahora mismo no le veas mucha importancia a este bucle, descubrirás que puede tener muchas utilidades y un gran
aliado a la hora de preparar los algoritmos de tus programas.

Ejemplo 2:

PHP Control de flujo: do…while

Existe otro tipo de bucle llamado do…while, este bucle es exactamente igual que el bucle while, pero con una excepción, la condición
siempre se comprueba al final del ciclo y nunca al principio como en el bucle while, de hecho el código del do…while siempre se ejecuta
una vez ya que la comprobación se hace al final y no al principio, su forma es la siguiente.

1 do{

2     instrucciones

3 }while(expresion)

Como puedes ver es muy parecida al bucle while, solo que este está al final y empieza por do.

1 $contador = 1;

2 do{

3  echo('esta es la vuelta ' . $contador . ' que me doy por el while <br/>');

4  $contador++;

5 }while ($contador < 7);

Ejemplo 3:

PHP Control de flujo: switch

La instrucción switch se utiliza, como ya dije, para suplantar a largas cadenas de ifelseif, ya que puede ser bastante tedioso, haciendo una
comparativa mucho más rápida.

La forma de trabajo que tiene es la siguiente:

1 switch (variable){

2     case valorDeLaVariable:

3         intruciones

Coache ANC fabian.nava@utpuebla.edu.mx

 Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

4         break;

5     case valorDeLaVariable:

6         intruciones

7         break;

8     case valorDeLaVariable:

9         intruciones

10         break;

11 ...

12 }

Como se puede ver, la variable entra en el switch y comienza a compararse según los diferentes casos (case) hasta que encuentra su valor,
entonces ejecuta las instrucciones de ese case y al llegar al break se sale de switch.
Pero puede ser que varios case tengan el mismo código a ejecutar pudiéndose unir como vemos en el siguiente ejemplo de
un switch «real» donde a partir de una variable llamada dia buscará el código a ejecutar:

1 $dia = 'miercoles';

2  

3 switch ($dia){

4     case 'lunes':

5  echo 'el peor día, levantese a las 7:00 am';

6  break;

7     case 'martes':

8     case 'miercoles':

9     case 'jueves':

10  echo 'levantese a las 7:00 am';

11  break;

12     case 'viernes':

13  echo 'Por fin es viernes!!!, levantese a las 7:00 am';

14  break;

15     case 'sabado':

16  echo 'disfrute de un buen dia de diversion, no hay hora de levantarse';

17  break;

18     case 'domingo':

19  echo 'relajese y descanse, hoy puede levantarse cuando quiera';

Coache ANC fabian.nava@utpuebla.edu.mx

 Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

20  break;

21 }

En este ejemplo podemos observar cómo funciona el control, el switch compara la variable con los case, y ejecuta el código, cuando llega
al martes miércoles y jueves considera que el código para cada todas estas posibilidades del valor de la variable es el mismo ya que no
existe la instrucción break. De hecho, si por ejemplo en martes hubiera algo de código sin el break, realzaría esas instrucciones además de
las que se encuentran en el jueves.

Como se puede ver es una forma muy sencilla de hacer comparaciones y que tiene mucha más velocidad y ocupa menos recursos que las
largas cadenas de ifelseif, siendo muy recomendable para su uso.

V.- EJECUCION

PASO 1: Agregar extensiones PHP Extension Pack:

Descripción paso 1: Agregar en visual studio code la extension “PHP Extension Pack”, esta nos ayudara como
depurador de php y autocomplementar instrucciones de php.

PASO 2: Agregar la extensión “Formatter”

Descripción paso 2: Prettier es un formateador de código obstinado que garantiza un formato de código unificado.

Coache ANC fabian.nava@utpuebla.edu.mx

 Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

Paso 3: Agregar el path

Descripción paso 3: Debemos agregar o editar el path para copilar a nivel de comando y que interprete de comando php.exe
una vez ingresemos a la configuración buscaremos en examinar disco C: -> xampp ->php y daremos 4 veces aceptar al
terminar de agregar la configuración.

Coache ANC fabian.nava@utpuebla.edu.mx

Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

Coache ANC fabian.nava@utpuebla.edu.mx

Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

Coache ANC fabian.nava@utpuebla.edu.mx

 Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

Paso 4: Editar el archivo settings.json

Descripción paso 4: Abriremos nuestro visual studio code y presionaremos “ctrl+,” una vez estemos en el apartado setting
colocaremos php y editaremos el php > validate: Executable Path

Coache ANC fabian.nava@utpuebla.edu.mx

 Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

Paso 5: Cerrar visual studio code y abrirlo nuevamente.

Paso 6: Escoger tu carpeta de trabajo en visual studio code.

Descripción paso 6: Crearemos una carpeta en xampp -> htdocs dentro de htdocs pondremos nuestra carpeta de trabajo y
en visual studio code le daremos en archivo y abrir área de trabajo desde archivo y escogemos la carpeta que creamos.

Coache ANC fabian.nava@utpuebla.edu.mx

 Universidad Tecnológica de Puebla Aplicaciones Web Orientadas a Servicios

VIII.- CONCLUSIONES:

¿Cómo se relacionas en tu entorno el tema? Para saber cómo configurar alguna computadora que no tenga toda
la configuración correcta para trabajar en el entorno de php

¿Para qué te sirve tema? Para saber cómo solucionar problemas si llega a tener un error php en Vs code y
configurar correctamente todo

¿Qué aprendiste del tema? Como configurar correctamente php para que corra correctamente en Visual Studio
Code

Coache ANC fabian.nava@utpuebla.edu.mx