Como Usar PHP Con XAMPP

Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1de 20

HERRAMIENTAS

DE
PROGRAMACION
PHP
INSTITUTO TECNISISTEMAS

NICOLÀS BOCANEGRA MEJÌA


TECNICO LABORAL EN SISTEMAS DE LA INFORMACIÒN
INSTITUTO TECNISISTEMAS
Actividad de reflexión inicial

Cuestionario

Teniendo en cuenta lo anterior ¿Qué otra herramienta con las características de


XAMPP, puedo usar para desarrollas PHP?

Otras herramientas que también proporcionen un entorno local web para manejar
PHP son:

WampServer:
Componentes principales: Apache, MySQL, PHP.

MAMP:
Componentes principales: Apache, MySQL, PHP.

LAMP:
LAMP es una pila de software que incluye Linux, Apache, MySQL y
PHP/Python/Perl. Puedes instalar estos componentes por separado en sistemas
basados en Linux.

EasyPHP:
Componentes principales: Apache, MySQL, PHP.

Xampp Lite:
Una versión ligera de XAMPP que se centra en la portabilidad y puede ejecutarse
desde un USB.

USBWebserver:
Es una herramienta portátil que se puede ejecutar desde un USB. Contiene
Apache, PHP, MySQL y PhpMyAdmin.

AMPPS:
Componentes principales: Apache, MySQL, PHP, Perl, Python y Softaculous Auto
Installer.

Denwer:
Componentes principales: Apache, MySQL, PHP.
Segunda parte-Manual
Este es un manual de usuario destinado a la instalación y configuración de Visual
Studio Code para el manejo de código en lenguaje PHP para su gestión en la
herramienta de desarrollo y visualización en los servidores locales de XAMPP.

Primer paso

Buscar en su navegador de preferencia “Visual Studio Code”


Segundo paso

Ingresar al enlace de descarga “Download”

Tercer paso

Seleccionar el sistema operativo del equipo e instalar


Cuarto paso

leer y aceptar el manual de licencia del IDE

Quinto paso

Seleccionar una ruta de descarga para la ubicación del archivo


Sexto paso

Seleccionar un nombre para la carpeta de accesos directos

Séptimo paso

Seleccionar las tareas adicionales y dar a “Siguiente” o “Next”


Octavo paso

Finalizar la instalación dando click en “Finish” o “Finalizar”

Ya con el Visual Studio Code empezamos a configurar


para usar PHP
Configurar Visual Studio Code para PHP

Extensiones PHP en Visual Studio Code


Antes de crearnos nuestro primer Hello World con PHP en Visual Studio, se
recomienda instalar las extensiones de PHP para facilitar su uso.

▪ PHP Intelephense
▪ PHP Debug: nos permite añadir puntos de interrupción e inspeccionar nuestro
código y variables en tiempo real mientras se ejecuta.
▪ PHP Extension Pack: contiene las dos anteriores.

Para ello debemos dar click en el botón de extensiones del menú lateral izquierdo,
y filtrar por «php». Clickeamos en el botón «Install» para cada una de ellas, y listo.

Debug PHP en Visual Studio Code


Depurar nuestro código PHP con Visual Studio Code es más fácil que
nunca gracias a la extensión PHP Debug que hemos comentado en la sección
anterior.
Es muy importante el hecho de poder hacer debug de nuestro código, ya que
podremos parar la ejecución con puntos de interrupción (breakpoints) que nos
permitirán ver el valor de variables y/o entender la forma en que ejecuta nuestro
código.

HelloWorld en PHP con Visual Studio Code

Llegados a este punto, ya tenemos listo nuestro Visual Studio Code para
comenzar a desarrollar PHP.

Lo primero que tenemos que hacer, como siempre que utilizamos VS Code, es
abrir una Carpeta o Espacio de trabajo (Workspace) para comenzar a trabajar.
Para verlo en el navegador, podemos hacer botón derecho sobre el fichero
index.php y abrirlo con cualquier navegador (Chrome, Firefox, Safari, etc). De
momento esto nos servirá, ya que aún no hemos añadido código PHP.

Finalmente, vamos a probar a introducir código PHP en nuestra web, para


comprobar que toda la configuración de Visual Studio Code es correcta. Por
ejemplo, podemos probar a mostrar en nuestra página web información sobre la
instalación de PHP (versión, etc).
el código PHP se introduce entre las etiquetas <?php y ?>, ya que es la sintaxis
típica de PHP. Mientras escribimos dentro de estas etiquetas, tenemos ayuda por
parte de la extensión de IntelliSense que hemos activado previamente, de forma
que no tenemos que aprendernos de memoria todas las funciones disponibles en
PHP.

Utilizar un servidor local de PHP

Tras introducir código PHP en el fichero index, te habrás dado cuenta de que no
se visualiza en nuestro navegador. Esto es porque el código PHP necesita un
servidor para poder ser ejecutado, así que ya no vale símplemente con abrir el
fichero index.php con nuestro navegador.
Esto no será necesario cuando estemos desplegando nuestra web PHP en un
servidor, pero sí en nuestro ordenador o PC local de desarrollo.

Para visualizar nuestra web asociaremos el VSCode con XAMPP para poder ver
mas que el simple script.

XAMPP
El primer paso es descargar XAMPP desde el enlace

https://www.apachefriends.org/es/download.html

Dando click en Descargar, descargaremos la versión mas reciente que haya sido
publicada para nuestro sistema operativo.
Ya descargado, vamos al explorador de archivo y damos click derecho sobre el
ejecutable y después damos click derecho en “ejecutar como administrador”,
Damos permisos y damos OK en la siguiente advertencia

Despues de esta pantalla iniciara la instalación, en el primer recuadro daremos


click en “Next” (Siguiente)
Despues de dar next aparecerá un recuadro donde nos invita a editar que es lo
que queremos que se descargue en nuestro equipo, no moveremos ni tocaremos
nada ya que las herramientas seleccionadas por defecto serán las que utilicemos,
por ende solo damos Next.
Ahora debemos escoger la ruta donde se descargará XAMPP, por lo general lo
hace sobre la unidad C: que es la carpeta por defecto asi que la dejaremos asi.

En el siguiente recuadro nos pide seleccionar un idioma, para evitar lios dejaremos
el inglés que viene por defecto.
Despues de dar next, se nos pedirá Instalar Bitnami, la plataforma donde se
montará el servidor web, por lo que seguiremos dando next.

Ahora, empezarán a instalarse todos los programas que seleccionamos


anteriormente, dejaremos que termine esta pantalla y que se ejecute XAMPP.
Para utilizarlo, vamos a la barra de busqueda ubicada en la barra de tareas y
escribimos XAMPP, con el abierto, tendremos este panel de administración abierto
En el, daremos click sobre “Start” para los servicios de Apache y MySQL, los
cuales son los necesarios para poder visualizar los archivos PHP.

Ahora, minimizaremos este panel e iremos al explorador de archivos.

En el, nos dirigiremos a Este equipo -> Windows (C:)

En esta carpeta, buscaremos la carpeta llamada “xampp” y daremos doble click


sobre ella.

ya dentro de la carpeta xampp, ahora buscaremos otra carpeta llamada “htdocs”,


sobre ella, daremos doble click nuevamente.

En esta carpeta, crearemos una nueva dando click derecho sobre alguna parte
vacía de la pantalla y dando click en Nuevo -> Carpeta, le daremos un nombre que
nos recuerde a que archivos ingresaremos allí.

En esta carpeta que acabamos de abrir, damos doble click para abrirla y allí
colocaremos todos los archivos con la extensión .php que tengamos, es decir, los
scripts que generemos en VSCode.

Ahora, iremos al panel de XAMPP y daremos en “Admin” sobre el servicio de


Apache, esta acción nos abrirá una pagina en el navegador.
En la barra de busqueda del navegador, donde está escrito

localhost/dashboard/

Borraremos la parte de dashboard, por lo que el nuevo enlace se verá asi

localhost/

Ahora, buscaremos el archivo PHP que querramos visualizar, esta ruta la


podemos determinar cuando guardamos un archivo en VSCode al momento de
definir la carpeta donde se guardara, este archivo lo moveremos a la carpeta que
creamos dentro de htdocs

volveremos al explorador donde tenemos nuestro Script PHP y miraremos la ruta


que tiene dicho archivo después de la carpeta htdocs, por ejemplo:

aquí la ruta es visitantes->contador.php

esta ruta la escribiremos separada por Slash’s en la dirección web que teníamos
del navegador, para este ejemplo, quedaría asi

visitantes/contador.php (se debe escribir todo el nombre del documento,


incluyendo la extensión .php)
y en la barra de busqueda debería quedar:

http://localhost/visitantes/contador.php

De forma general, lo que debemos escribir después de localhost/ es: “Nombre


carpeta”/”nombre archivo junto extensión .php”

Daremos en Tecla la enter sobre esta nueva dirección

http://localhost/visitantes/contador.php

Y aquí ya veremos el script reflejado en la web

Estos pasos serán todos los que sigamos cuando querramos visualizar nuestros
proyectos PHP, para cerrar, podemos cerrar el navegador e iremos al panel de
XAMPP y daremos click sobre “Stop” para Apache y MySQL.

También podría gustarte

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy