Diferencia entre revisiones de «PHP IDE Netbeans»

De MediaWiki
Ir a la navegación Ir a la búsqueda
Línea 14: Línea 14:
 
::* Debemos escoller a plataforma do S.O. para o que queiramos instalar.
 
::* Debemos escoller a plataforma do S.O. para o que queiramos instalar.
 
::* Escolleremos a distribución que teña soporte para PHP.
 
::* Escolleremos a distribución que teña soporte para PHP.
 +
 +
 +
* Instalamos o IDE.
 +
 +
== Primeiro proxecto: Ola Mundo ==
 +
 +
<gallery caption="Creando o primeiro proxecto en PHP" widths="350" heights="300px" perrow="2">
 +
Image:Php_ide_3.jpg| Prememos a opción de menú '''Proxecto''' => '''Novo Proxecto'''. Aparecerá o asistente. Na primeira pantalla escolleremos un proxecto de tipo PHP Application (se non aparece o tipo PHP quere dicir que descargáchedes unha versión do Netbeans incorrecta).
 +
Image:Php_ide_4.jpg| Indicamos o nome do proxecto e a ruta onde se vai gardar ('''IMPORTANTE:''' Ler a nota ao final deste conxunto de pantallas).
 +
Image:Php_ide_5.jpg| Indicamos que servidor web vai executar o proxecto. Inicialmente deixaremos un que trae o propio PHP dende a versión 5.4. Prememos o botón '''Terminar'''.
 +
Image:Php_ide_6.jpg| Agora aparecerá na parte esquerda unha estrutura de cartafoles, no que se inclúe o arquivo '''index.php'''. O editamos e engadimos a orde: <b>echo 'ola mundo';</b>
 +
Image:Php_ide_9.jpg| Ao executar o proxecto...
 +
Image:Php_ide_8.jpg| Teremos como resultado a cadena 'ola mundo' no navegador.
 +
</gallery>
 +
 +
 +
* Para inserir código en PHP teremos que escribir dito código entre as etiquetas: '''<?php                      ?>'''
 +
 +
* Unha función moi interesante para obter información sobre o Apache e características do PHP instado é: phpinfo()
 +
::<syntaxhighlight lang="xml" line enclose="div" highlight="10" >
 +
<html>
 +
    <head>
 +
        <meta charset="UTF-8">
 +
        <title></title>
 +
    </head>
 +
    <body>
 +
        <a href="http://www.google.es">Google</a>
 +
        <?php
 +
 +
            phpinfo();
 +
 +
        ?>
 +
    </body>
 +
</html>
 +
 +
</syntaxhighlight>
 +
 +
* Entre outros informacións danos a ruta do arquivo de configuración que está a utilizar o Apache, como amosa a seguinte imaxe:
 +
 +
[[Imagen:Php_ide_2.jpg|400px|center]]
 +
 +
<br/>
 +
 +
<u>'''IMPORTANTE:'''</u>
 +
 +
: O NetBeans permite executar as páxinas web utilizando diferentes servidores.
 +
: Cando no paso 2 escollimos '''PHP Built-in Server''' o php.ini que vai cargar vai ser: etc/php5/cli/php.ini (o podemos saber cargando unha páxina coa función phpinfo() ).
 +
: Polo tanto, se queremos activar o debugger ou calquera outra operación que leve consigo modificar o arquivo php.ini, teremos que ir a esta ruta se estamos a utilizar o PHP Built-in Server.
 +
 +
: Outra opción é utilizar o servidor Apache previamente instalado na máquina (como é o noso caso).
 +
[[Imagen:Php_ide_10.jpg|400px|center]]
 +
: Se no proceso de creación do proxecto escollemos a opción '''Local Web Site''' estaríamos utilizando o Apache. Nese caso lembrar que o Apache apunta ao cartafol '''/var/www/html'''. Polo tanto o noso proxecto debería estar creado nese cartafol e poderíamos acceder coa seguinte URL: '''http://localhost/PhpOlaMundo/index.php'''. Como no paso anterior indicamos que o proxecto se vai crear noutro cartafol, é por iso que aparece a opción de se queremos copiar o proxecto ao onde debería apuntar o Apache (fixerse que a ruta está mal). O mellor nestes casos é crear o proxecto directamente no cartafol onde 'apunta' o Apache.
 +
 +
 +
== Configuración do proxecto ==
 +
 +
* O IDE permite ter diferentes 'configuracións' de proxectos. Por defecto está unha de nome 'default'.
 +
* Imos ver onde e como crear novas configuracións.
 +
 +
<gallery caption="Configuración de proxectos" widths="350" heights="300px" perrow="2">
 +
Image:Php_ide_11.jpg| Premendo na lista da sección superior podemos ver como temos unha configuración 'default' creada. Prememos a opción '''Personalizar'''.
 +
Image:Php_ide_12.jpg| Como vemos esta é a configuración na que entre outras cousas, executamos o proxecto no 'Php built-in Server'. Imos crear unha nova para executar o proxecto có servidor web Apache. Na parte esquerda temos múltiples opcións de configuración que os seus valores quedarían gardados para cada configuración que cremos. Prememos o botón '''New'''.
 +
Image:Php_ide_13.jpg| Dámoslle un nome á nova configuración.
 +
Image:Php_ide_14.jpg| Indicamos que imos a utilizar o servidor web local (o Apache instalado). <br/>Indicamos a url. Como o proxecto ten de nome PhpOlaMundo, teremos un cartafol có mesmo nome. Polo tanto a ruta deberá ser: http://localhost/PhpOlaMundo/ <br/> Indicamos a páxina que queremos que se cargue por defecto. Prememos o botón '''Aceptar'''
 +
Image:Php_ide_15.jpg| Agora na parte superior teremos dúas configuracións. A default e a que creamos no paso anterior. En calquera momento podemos editalas premendo na opción '''Personalizar'''.
 +
Image:Php_ide_16.jpg| Se intentamos executar o proxecto dará un erro xa que dito proxecto segue gardado na ruta onde Netbeans os crea por defecto. Polo tanto teremos que movelo ao cartafol do Apache como indicamos antes. <br/> Neste intre temos dúas opcións, mover os arquivos (en Linux: mv /home/angel/NetBeansProjects/PhpOlaMundo/ /var/www/html/), pechar o Netbeans e volver abrir o proxecto na nova localización ou ter dúas copias do proxecto, unha onde se crea por defecto e outra onde o Apache carga as páxinas. Automaticamente o Netbeans copiaría os cambios dunha a outra.
 +
Image:Php_ide_17.jpg| Prememos o botón dereito sobre o proxecto e escollemos a opción de '''Propiedades'''.
 +
Image:Php_ide_18.jpg| Indicamos a ruta onde se vai copiar o proxecto. <u>Nota:</u> Se vos aparece un erro de que non se pode copiar o proxecte deberedes dar permiso de escritura ao voso usuario no cartafol /var/www/html.
 +
Image:Php_ide_19.jpg| Ao executar o proxecto podedes comprobar como xa aparece a páxina e fisicamente aparece o cartafol na ruta do Apache.
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</gallery>
 +
 +
  
 
== Activando o modo Debugger ==
 
== Activando o modo Debugger ==

Revisión del 09:39 18 sep 2016

Introdución

  • NetBeans é un IDE có que imos a desenvolver aplicacións en PHP neste curso.
  • Non é obrigatorio utilizalo pudendo usar calquera editor de texto dispoñible.

Instalación

  • Primeiro debemos descargar a distribución de PHP que teña soporte para desenvolver aplicacións PHP.
Php ide 1.jpg
  • Debemos escoller o idioma do IDE.
  • Debemos escoller a plataforma do S.O. para o que queiramos instalar.
  • Escolleremos a distribución que teña soporte para PHP.


  • Instalamos o IDE.

Primeiro proxecto: Ola Mundo


  • Para inserir código en PHP teremos que escribir dito código entre as etiquetas: <?php ?>
  • Unha función moi interesante para obter información sobre o Apache e características do PHP instado é: phpinfo()
 1 <html>
 2     <head>
 3         <meta charset="UTF-8">
 4         <title></title>
 5     </head>
 6     <body>
 7         <a href="http://www.google.es">Google</a>
 8         <?php
 9  
10             phpinfo();
11  
12         ?>
13     </body>
14 </html>
  • Entre outros informacións danos a ruta do arquivo de configuración que está a utilizar o Apache, como amosa a seguinte imaxe:
Php ide 2.jpg


IMPORTANTE:

O NetBeans permite executar as páxinas web utilizando diferentes servidores.
Cando no paso 2 escollimos PHP Built-in Server o php.ini que vai cargar vai ser: etc/php5/cli/php.ini (o podemos saber cargando unha páxina coa función phpinfo() ).
Polo tanto, se queremos activar o debugger ou calquera outra operación que leve consigo modificar o arquivo php.ini, teremos que ir a esta ruta se estamos a utilizar o PHP Built-in Server.
Outra opción é utilizar o servidor Apache previamente instalado na máquina (como é o noso caso).
Php ide 10.jpg
Se no proceso de creación do proxecto escollemos a opción Local Web Site estaríamos utilizando o Apache. Nese caso lembrar que o Apache apunta ao cartafol /var/www/html. Polo tanto o noso proxecto debería estar creado nese cartafol e poderíamos acceder coa seguinte URL: http://localhost/PhpOlaMundo/index.php. Como no paso anterior indicamos que o proxecto se vai crear noutro cartafol, é por iso que aparece a opción de se queremos copiar o proxecto ao onde debería apuntar o Apache (fixerse que a ruta está mal). O mellor nestes casos é crear o proxecto directamente no cartafol onde 'apunta' o Apache.


Configuración do proxecto

  • O IDE permite ter diferentes 'configuracións' de proxectos. Por defecto está unha de nome 'default'.
  • Imos ver onde e como crear novas configuracións.


Activando o modo Debugger

Instalado XDEBUG EXTENSION FOR PHP

  • Instalaremos o paquete php-pear.
1 pt-get install php-pear


  • Despois instalamos o módulo xdebug necesario para facer o debugger
1 pecl install xdebug


  • Ao rematar a instalación podemos ver onde gardou a librería compilada.
Php install xdebug 2.JPG
  • Podemos deixala onde está ou copiala ao cartafol /usr/lib


Activando o modo debugger en NetBeans

  • Unha vez instalado, teremos a librería no cartafol: /usr/lib/php5/20121212/xdebug.so
  • Se queremos facer un debugger da aplicación en PHP é necesario engadir unha serie de parámetro no arquivo php.ini.
  • Debemos engadir estas liñas ao arquivo php.ini do apache:
1 zend_extension=/usr/lib/php5/20121212/xdebug.so
2 xdebug.remote_enable=1
3 xdebug.remote_handler=dbgp
4 xdebug.remote_mode=req
5 xdebug.remote_host=127.0.0.1
6 xdebug.remote_port=9000


Nota: É importante poñer a ruta completa onde se atopa a librería xdebug.
  • Finalmente debemos reinicar o servizo apache:


1 service apache2 restart


Proxecto OlaMundo

  • O que é importante é que a configuración de execución do proxecto teña como URL o nome do proxecto creado.
  • Hai que ter en conta que http://localhost apunta a /var/www/html/ e polo tanto se creamos un proxecto de nome 'Proxecto' na URL teremos que poñer: 'http://lcahost/Proxecto/paxinaInicio.php' como amosa a seguinte imaxe:
Php install xdebug 3.JPG








-- Ángel D. Fernández González -- (2016).