Usaremos el Entorno de Desarrollo Eclipse para desarrollar, y el paquete de herramientas del lado del servidor XAMPP, ya que es muy completo y ademas es multiplataforma: GNU/Linux, Windows, Mac OS X y Solaris.
Del XAMPP, usaremos el servidor web Apache para almacenar y mostrar las paginas y el Interprete de Php. En un futuro también usaremos MySql para usar Bases de Datos, pero ahora no lo voy a explicar, ya que no es básico para programar php aunque si que es bastante común y tarde o temprano va a hacer falta.
Herramientas
-XAMPP (descomprimir/instalar en la raiz, si no, puede dar problemas) Seleccionamos plataforma y descargamos.
http://www.apachefriends.org/es/xampp.html
-Eclipse con PDT (eclipse con el Php Developer Tools) Seleccionamos plataforma y descargamos.
http://www.zend.com/en/company/community/pdt/downloads
-Plugin Aptana (Plugin para php). Se descarga e instala desde Eclipse.
http://download.aptana.com/studio3/plugin/install
-XDebug (Depuracion PHP). Seleccionar ultima versión XDebug y la misma versión de php que tengamos en el servidor XAMPP.
http://xdebug.org/download.php
Para ver la versión php ir a http://localhost/ una vez este instalado el xampp y después sobre phpinfo() en el menú de la izquierda. Aquí también podemos comprobar si tenemos XDebug activado y su correspondiente versión.
Instalar XAMPP
Instalamos o descomprimimos el archivo descargado en "C:/" , es importante que sea hay, si no es así puede dar problemas, como por ejemplo, que no arranque el Apache.
Instalar Eclipse con PDT
Descomprimimos el archivo descargado en nuestro disco duro, por ejemplo, en la carpeta "C:/php/" , una carpeta para todo lo relacionado con el desarrollo de php, excepto el XAMPP.
Al iniciar Eclipse seleccionamos este sitio para nuestros proyectos.
Instalar Plugin Aptana en Eclipse
En Eclipse, nos vamos a: "Help - Install new software".
Pulsamos sobre el boton "add" para añadir un repositorio, la localización de Aptana es:
http://download.aptana.com/studio3/plugin/install
de nombre le podemos poner Aptana, pulsamos ok, y lo seleccionamos del desplegable.
Marcamos el checkbox "Aptana Studio 3", pulsamos "next", aceptamos la licencia, y finalizamos la instalación del plugin.
Ya tenemos la perspectiva "web" disponible que es la que vamos a usar para desarrollar en php, con ella podemos "subir/transferir" nuestro proyecto al directorio donde almacena las paginas el servidor web Apache.
Configurar XAMPP: Apache y XDebug de php
Primero tenemos que descargar la ultima version de XDebug, lo renombramos a "php_xdebug.dll" y lo copiamos en "C:\xampp\php\ext\"
En "C:/xampp/php/php.ini" descomentamos la parte de depuración:
[XDebug]
zend_extension = "C:\xampp\php\ext\php_xdebug.dll"
xdebug.profiler_enable = 1
xdebug.remote_enable = 1
xdebug.remote_host = "localhost"
xdebug.remote_port = 9000
xdebug.remote_handler = "dbgp"
Creamos un directorio en "C:/php/sitios virtuales/primer sitio" para posteriormente alojar nuestro sitio PHP
Creamos un Virtual Host en Apache para nuestro sitio php y otro para localhost en httpd-vhost.conf
<VirtualHost *:80>
##ServerAdmin webmaster@dummy-host.example.com
DocumentRoot "C:/xampp/htdocs/
ServerName localhost
##ServerAlias www.dummy-host.example.com
##ErrorLog "logs/dummy-host.example.com-error.log"
##CustomLog "logs/dummy-host.example.com-access.log" common
</VirtualHost>
<VirtualHost *:80>
##ServerAdmin webmaster@dummy-host.example.com
DocumentRoot "C:/Php/sitios virtuales/primersitio/"
ServerName primersitio
##ServerAlias www.dummy-host.example.com
##ErrorLog "logs/dummy-host.example.com-error.log"
##CustomLog "logs/dummy-host.example.com-access.log" common
</VirtualHost>
En httpd.conf permitimos el acceso, ya que por defecto nos lo deniega.
<Directory />
AllowOverride none
Order allow,deny
Allow from all
</Directory>
En el archivo hosts de windows añadimos:
127.0.0.1 primersitio
para que cuando accedamos desde el navegador a http://primersitio/ lo asocie con nuestro pc, es decir, con nuestro servidor web Apache.
Nota: si pasamos a traves de un proxy, añadimos en el navegador la excepción "primersitio" en: "no usar un servidor proxy para las direcciones que comienzen con:".
Probar funcionamiento de XAMPP: Apache
Vamos a comprobar si nuestro servidor Apache funciona correctamente, para ello nos creamos una pagina html sencilla en "C:/Php/sitios virtuales/primersitio/" llamada "index.html".
Podriamos usar esta plantilla:
<html>
<head>
</head>
<body>
prueba XAMPP
</body>
</html>
Paramos y arrancamos Apache desde el panel de control del XAMPP, nos aseguramos que termina de arrancar.
ahora accedemos desde el navegador a la dirección "primersitio" (Virtual Host de Apache) y nos aseguramos que muestra la pagina que hemos creado.
Cuando tengamos nuestra aplicación php, la subiremos a "C:/Php/sitios virtuales/primersitio/" para visualizarla correctamente con el interprete php de XAMPP.
Crear aplicación Hola mundo y ejecutarla
En eclipse, vamos a trabajar con la perspectiva "web" del plugin Aptana, para abrir la prespectiva "web", pulsamos sobre "Window - Open Perspective - Web"
Una vez en la perspectiva "Web", pulsamos sobre la pestaña de la vista "Project Explorer", a la izquierda de la pantalla, desde aquí es de donde gestionaremos los proyectos.
Para crear un nuevo proyecto pulsamos sobre "File - New - PHP Project" le damos un nombre("Hola Mundo" por ejemplo) y finalizamos.
Nos aparecerá el proyecto en la vista "Project Explorer", bien, ahora vamos a crear un archivo php, para ello, teniendo seleccionado el proyecto, pulsamos sobre "File - New - Other... - PHP File" le ponemos "index.php" y finalizamos.
Vamos a completar el archivo PHP que acabamos de crear, le añadimos el siguiente código:
<?php
$hm = "Hola Mundo !!";
?>
<html>
<head>
</head>
<body>
<?php echo($hm);?>
</body>
</html>Ahora vamos a subir el proyecto al directorio que utiliza el servidor Apache para almacenar las paginas que muestra.
Hacemos doble click sobre "Connections" dentro del desplegable de nuestro proyecto para crear una nueva conexión.
indicamos el origen de lo que vamos a transferir (Nuestro Proyecto Hola Mundo), y el destino (Directorio del apache que configuramos anteriormente), pulsamos ok.
Ahora, para subir el proyecto al directorio del apache, solo tenemos que seleccionar el proyecto, y pulsar sobre el botón de la flecha azul hacia arriba (subir).
Una vez hecho esto nos vamos desde el navegador a "http://primersitio/" y comprobamos que aparece el "Hola Mundo !!" del archivo que acabamos de subir.
Si queremos ejecutar el proyecto desde eclipse, tenemos que crear un nuevo Run Configurations, para ello nos vamos a:
"run - run configurations ..."
Hacemos doble click sobre "PHP Web Application" para crear una nueva configuración.
- le damos un nombre.
- añadimos un nuevo servidor (Sitio virtual del apache que creamos anteriormente)
- Indicamos el archivo a ejecutar (No se porque, pero con el boton Browse no muestra nada, hay que hacerlo manualmente).
- Editamos la URL para que quede como en la imagen.
Aplicamos y Ejecutamos la configuración (cuando lo ejecutemos la 1ª vez, nos aparecerá en el desplegable del boton Run As... de la barra de herramientas para ejecutarlo la siguiente vez)
Nota: Podemos ejecutar la aplicación desde un navegador interno o externo a Eclipse(Chrome,Firefox), para ello nos vamos a "Window - Preferences - General - Web Browser"
Comprobar la depuración XDebug
Nos vamos a la pestaña "Debugger", seleccionamos como servidor debugger "XDebug", seleccionamos si queremos poner un Breakpoint en la primera linea, aplicamos y ejecutamos.
Automáticamente nos pregunta si queremos abrir la perspectiva Debug, le decimos que si.
Si todo ha ido bien, podremos realizar la depuración sin problemas.
Nota: para detener la depuración hay que pulsar el cuadrado rojo que esta en el menu de herramientas.
No hay comentarios :
Publicar un comentario