Enrera
Mòdul 1
Creació i gestió d'entorns web dinàmics (PHP)
  Pràctica
1
2
3
4
5
6
7
     
Exercicis
Exercicis
 
 
 

 

  Instal·lació
   
 

L'objectiu d'aquesta pràctica és instal·lar els elements necessaris per fer funcionar un sistema de pàgines web dinàmiques en el nostre ordinador local. Aquestes eines són, com hem vist:

  • Un servidor web (Apache)
  • El PHP (llenguatge de programació)
  • El MySQL (base de dades)

Aquest sistema pot funcionar tant en Linux com en Windows, però les instal·lacions seran diferents en cada cas. Per al nostre curs ens centrarem especialment en la instal·lació en un sistema en Windows.

   
  Instal·lació en Linux
   
Pràctica

Les distribucions més recents del Linux permeten instal·lar l'Apache, el PHP i el MySQL més o menys fàcilment..

   
  Si teniu una instal·lació de la Linkat podeu instal·lar-hi tots els servidors necessaris. En el manual del curs D134 (La intranet, una eina per a la comunicació i l'aprenentatge) podeu trobar-hi una explicació detallada per fer aquesta instal·lació amb la Linkat.
   
  Darrerament ha aparegut també algun paquet d'instal·lació per a Linux. Es tracta de XAMPP per a Linux que conté les versions 4 i 5 del PHP, a més de la versió 2 de l'Apache, el Mysql i el Perl.
   
   
   
  Instal·lació en Windows
   
Pràctica
Aquest procés es pot dur a terme per dos camins: o bé instal·lant cadascun dels elements, o bé fent una instal·lació automatitzada d'un paquet que els contingui tots. Veurem ara la segona d'aquestes opcions.

D'entre els diferents paquets disponibles (Foxserv, Nusphere, Appserv, XAMPP per a Win, ...) farem servir l'EasyPHP versió 1.7. Es tracta d'un paquet d'una mida assequible (unes 11 megues) que conté:

No es tracta de les darreres versions de cada element, però, en canvi, permet una instal·lació fàcil, ràpida, prou fiable, estable i que funciona en diferents versions del Windows. Permet també una desinstal·lació fàcil i neta.

   
Atenció !
Cal advertir que no és recomanable, per raons de seguretat, la utilització de l'EasyPHP (ni d'altres paquets similars) en webs que tinguin una difusió pública. En aquest cas, cal que prenguem algunes precaucions com, per exemple, protegir les bases de dades mitjançant una contrasenya, entre d'altres.
   
   
  Instal·lació de l'EasyPHP
   
  A continuació es fa una descripció de la instal·lació de la versió 1.7 d'EasyPHP. Si es vol es pot instal·lar la versió 1.8 d'aquest paquet. Tant una com l'altra són versions estables. El procés d'instal·lació d'una i altra versió són molt semblants. De tota manera, en el materials corresponents al curs D134 (La intranet, una eina per a la comunicació i l'aprenentatge) podeu trobar explicat pas a pas el procés d'instal·lació d'EasyPHP 1.8.
   
  Primerament, heu de descarregar el fitxer d'instal·lació de la versió 1.7 a l'apartat de descàrregues del web de l'EaysPHP.
   
  Podeu trobar també el fitxer de la versió utilitzada en el curs en el paquet de materials de formació, en el cd 'Eines' o bé en el servei Cd-web de la XTEC.
   
 

Un cop hem baixat el fitxer executable, fem doble clic al damunt i, després d'un missatge que demana confirmació per a la instal·lació, apareix un quadre de benvinguda. Cliqueu sobre el botó Next.

 

Figura 1.3.1

 
  Apareix després el quadre d'acceptació de la llicència. Després de seleccionar I accept the agreement, podrem clicar novament al botó Next.
 

Figura 1.3.2

   
  Veureu aleshores un quadre amb alguns consells (si ja teniu una versió anterior cal que l'atureu i desinstal·leu, etc.) i, especialment, d'advertència sobre la no conveniència d'utilitzar EasyPHP 1.7 com a sistema de "producció". Per raons de seguretat i estabilitat no recomanen utilitzar una plataforma Windows. Cliqueu sobre Next per continuar amb el procés.
 

Figura 1.3.3

   
  A continuació, cal que triem el directori on s'instal·larà el paquet. Podem deixar el que es proposa per defecte. D'aquesta manera, dins de la carpeta C:\Archivos de programa\EasyPHP1-7 s'hi instal·laran tots els fitxers necessaris. Confirmeu-ho clicant a Next.
 

Figura 1.3.4

   
  Seguidament, trieu la carpeta del menú des de la qual podrem accedir al programa. Podeu deixar també l'opció proposada per defecte i clicar sobre Next.
 

Figura 1.3.5

   
  Finalment, apareix un darrer quadre informatiu de les opcions triades. Si són les que volem, clicant sobre Install començarà el procés d'instal·lació del paquet.
 

Figura 1.3.6

   
 

Després del procés d'instal·lació pròpiament dit, apareix un quadre informant de les novetats en la configuració per defecte d'aquesta versió de l'EasyPHP. Cliqueu sobre el botó Next per continuar.

 

Figura 1.3.7

   
   
 

Un cop acabada la instal·lació, apareix el quadre següent, en el qual podem triar:

  • ouvrir page d'accueil: és a dir, que a continuació s'obrirà una pàgina web amb informació sobre l'Easyphp (versions instal·lades, etc.)

Podeu deixar-lo seleccionat i clicar sobre Finish.

 

Figura 1.3.8

   
 

Com que hem seleccionat obrir la pàgina d'acollida, automàticament s'obrirà el navegador amb aquesta pàgina. Fixeu-vos que l'adreça és de tipus local (C:/Archivos de programa...) i, per tant, no passa encara pel servidor web.

Figura 1.3.9

En aquesta pàgina, en francès, hi podeu trobar entre d'altres coses una introducció a l'Easyphp i un enllaç a les pàgines de suport. Abans de continuar, però, instal·larem els fitxers de la traducció al català, de manera que es mostrin els menús i les pàgines d'inici, administració i ajuda en aquesta llengua.

   
   
  Instal·lació de la traducció al català
   
  Podeu trobar els fitxers amb la traducció dels menús i les pàgines locals de l'EasyPHP 1.7 al cd de Materials de Formació, al Cd-web o bé, directament, a /fitxers/m1/EasyPhp17-idi/EP17_lp_cat.zip.
 

Un cop descomprimit el fitxer EP17_lp_cat.zip obtindreu un fitxer Llegiume.txt que explica el procés d'instal·lació i una carpeta anomenada

que al seu torn conté la carpeta

Es tracta de sobreescriure el contingut de la carpeta en què hem instal·lat l'EasyPHP 1.7 (C:\Archivos de programa\EasyPHP1-7) amb el contingut de la carpeta del mateix nom que hem obtingut. Podeu fer-ho d'un sol cop, per exemple, arrossegant la carpeta EasyPHP1-7 que conté la traducció al català sobre la carpeta EasyPHP1-7 de la instal·lació original. El sistema advertirà que alguns fitxers ja existeixen i demanarà si els voleu sobreescriure. Contesteu que sí.

Ara només faltarà activar el català com a idioma per defecte; veurem com fer-ho a continuació.

   
  Configuració de l'idioma
 

Si tot ha anat bé, al nostre sistema hi hauria d'haver els següents elements:

  • Els fitxers necessaris per fer funcionar els programes que l'EasyPHP agrupa. Els podeu trobar a la carpeta que heu triat a l'hora de fer la instal·lació (per defecte C:\Archivos de programa\EasyPHP1-7)
  • Una nova carpeta al menú Inici (Todos los programas en XP) anomenada EasyPHP 1.7 que conté tres opcions, la tercera de les quals és la que ens permetrà iniciar els servidors:

Cliquem ara sobre aquesta tercera opció per activar l'EasyPHP i arrencar així els servidors Apache i MySQL.

A la dreta de la barra de tasques, hi ha aparegut una nova icona que representa una lletra e i que podeu veure a continuació:

Feu un doble clic sobre aquesta icona i accedireu al quadre de configuració de l'EasyPHP.En aquest quadre hi veureu un menú desplegable (Figura 1.3.11) que conté tots els idiomes a seleccionar:

Figura 1.3.10

Figura 1.3.11

Seleccioneu Català i veureu que les opcions del quadre apareixen ja en aquesta llengua igualment com la resta de menús. Com que, a més, abans hem copiat la versió en català de les pàgines d'inici i ajuda, ara tindrem tot el sistema de l'EasyPHP en català:

Figura 1.3.12

   
   
  Opcions dels menús
   
 

Si els servidors que gestiona l'EasyPHP (Apache, MySql) estan funcionant, veureu que el punt vermell de la icona que acabem de comentar és intermitent.

És possible que tot i que hi hagi la icona, no s'hagin executat els servidors. Per posar-los en funcionament, cliqueu a la icona amb el botó dret. Aleshores, veureu un menú com el que hi ha a continuació.Si les opcions que apareixen són les de la primera imatge, cliqueu sobre Iniciar.

 
Menú amb l'EasyPHP aturat
Menú amb l'EasyPHP funcionant
   
 

Un cop en funcionament, les opcions que apareixen són les següents:

  • Ajuda: porta a alguns enllaços amb ajuda sobre com treballa l'EasyPHP, com començar amb el PHP o bé a les PMF de l'EasyPHP.



    Figura 1.3.13

  • Fitxers log: ens permetrà veure el contingut dels fitxers .log de l'Apache i del Mysql; aquests fitxers recullen les incidències que es produeixen en el funcionament (arrencades, finals, errors, etc.) i són, per tant, molt útils a l'hora de buscar els possibles problemes de funcionament.
  • Configuració: dóna accés a un submenú (vegeu-lo a continuació) des del qual podem accedir als fitxers de configuració o bé a les bases de dades.



    Figura 1.3.14
    • Apache. Accedim, amb la Llibreta del Windows, al fitxer ' httpd.conf ', que conté totes les directives de configuració del servidor web Apache.
    • Extensions PHP. Amb aquest opció s'obre un quadre on es llisten les extensions (biblioteques) disponibles de PHP i el seu estat, és a dir, si estan instal·lades o no. Per a les pràctiques posteriors, podem activar ja l'opció corresponent a la biblioteca gràfica GD (php_gd2) i clicar sobre Aplicar per tal que el canvi tingui efecte.


    Figura 1.3.15

    • PHP. Aquesta opció només està disponible amb els servidors aturats. Obre, amb la Llibreta del Windows, el fitxer de configuració del PHP (php.ini).
    • MySql. Obre el fitxer de configuració del servidor de base de dades. Aquest fitxer s'anomenal "my.ini" i es troba a la carpeta c:\windows, a l'arrel del sistema operatiu.
    • PhpMyAdmin. Obre el navegador amb l'aplicatiu de gestió de les bases de dades PHPMyAdmin, tot i que semblaria més lògic que obrís el fitxer "config.inc.php" , ja que és le que conté la configuració d'aquest aplicatiu.
    • EasyPHP. Dóna accés al quadre de configuració de l'EasyPHP que hem vist més amunt (figura 1.3.12) amb informació de l'estat de funcionament i control de l'EasyPHP. Recordeu que també s'hi pot accedir directament fent un doble clic a sobre de la icona de l'EasyPHP.
      • Estat. Ens informa, amb un codi de colors, sobre si l'Apache (servidor web) i el MySql (servidor base de dades) estan funcionant o no.
      • Arrencar EasyPHP en iniciar el Windows (només administradors). Farà que automàticament s'executi l'EasyPHP en iniciar-se el Windows
      • Arrencar els servidors com a servei (només administradors). Farà que s'executi com a un servei intern de Windows (només NT,W2000, XP).
      • Inici automàtic dels servidors a l'arrencada de l'aplicació. Activació automàtica del servidor web i base de dades quan s'executi EasyPHP. Amb aquesta opció, quan executem l'EasyPHP des del menú d'inici, s'iniciarà automàticament el servidor web i de base de dades, sense necessitat de venir a la icona a posar-los en funcionament.
      • Comprovar noves versions a l'arrencada .Comprovació de l'existència de noves versions de l'EasyPHP cada vegada que s'inicia.
      • Actualització automàtica de les modificacions en els fitxer de configuració del servidor. En el cas de modificar els fitxers de configuració 'httpd.conf o my.ini', el sistema reinicia els servidors, per carregar els nous valors configurats.
  • Explorar: permet veure el contingut del directori arrel del nostre servidor (www)
  • Administració: aquesta opció ens redirecciona a la pàgina d'administració de l'EasyPHP, a l'adreça http://localhost/home/. Més avall comentarem aquesta opció
  • Web local: clicant sobre aquesta opció s'obrirà el navegador amb la pàgina inicial, per defecte, del nostre servidor web. Més avall en fem un comentari. Si el servidor està aturat, aquesta opció no es pot seleccionar.
  • Reiniciar: permet aturar i tornar a engegar el servidor. Recordem que, si fem canvis en la configuració del servidor, cal tornar a posar-lo en marxa perquè es tinguin en compte. Si el servidor està aturat, aquesta opció no està, òbviament, disponible.
  • Iniciar/Aturar: aquesta opció no necessita comentari.
   
   
  Provar el funcionament
   
 

Comproveu ara el funcionament del sistema. Si no la teniu oberta, cliqueu sobre l'opció Web local, que acabem de comentar, perquè s'obri la pàgina per defecte.

Aquesta pàgina s'anomena index.php i la podreu trobar al directori arrel del servidor que l'EasyPHP ha configurat a C:\Archivos de programa\EasyPHP1-7\www. Així, doncs, qualsevol pàgina que vulguem publicar haurà de ser, en principi, dins d'aquest directori o d'una carpeta que en depengui.

Fixeu-vos que l'adreça que pren per defecte no és una adreça local (c:/...), sinó http://nom_del_vostre_ordinador/, on nom_del_vostre_ordinador és el nom que té assignat la vostra màquina dins la xarxa.

Recordeu que localment podeu accedir-hi igualment mitjançant les adreces http://localhost/ o bé http://127.0.0.1/. Igualment hi podeu accedir escrivint l'adreça IP de la vostra màquina.

Si l'ordinador en el qual heu fet la instal·lació forma part d'una xarxa, podeu provar d'accedir a la pàgina inicial del vostre servidor des d'una altra màquina que actuarà com a client. Per aconseguir-ho, podeu entrar a l'adreça del navegador client una d'aquestes dues adreces:

  • http://nom_del_servidor/ (nom de xarxa del servidor)
  • http://adreça_ip_servidor/ (adreça ip del servidor)

Provem ara de publicar una pàgina nova. Dins del directori arrel (C:\Archivos de programa\EasyPHP1-7\www), creeu un document html amb el contingut següent:

<html>
<body>
<h2>Hola a tothom</h2>
</body>
</html>

Deseu-lo amb el nom de prova.htm.

Ara accediu al navegador i escriviu l'adreça http://localhost/prova.htm. Si tot va bé, apareixerà en el navegador la pàgina que heu creat.

   
  Comprovar el PHP i el MySql
 

Ara confirmarem el funcionament del PHP. Clicant amb le botó dret sobre la icona de l'EasyPHP, seleccioneu l'opció Admnistració que ens portarà a l'adreça http://localhost/home/i (o bé http://127.0.0.1/home/) i accedireu a la pàgina d'administració de l'EasyPHP, com la que podeu veure a la figura 1.3.16.

Figura 1.3.16

   
 

Si veieu aquest pàgina, vol dir ja que funciona el PHP. Cliqueu sobre el botó PHPINFO i podreu veure el resultat d'una funció del PHP, phpinfo(), que retorna un munt d'informació sobre la configuració, la versió del PHP instal·lada, el sistema operatiu, el servidor sobre el qual corre, extensions instal·lades, les variables del servidor, etc.

Fixeu-vos que a les primeres línies, on diu Server API, hi apareix Apache. Això vol dir que, de les dues modalitats d'instal·lació del PHP (com a cgi o com mòdul), l'EasyPHP ha fet una instal·lació del PHP com a mòdul de l'Apache, que és la que ens interessa.

 

Figura 1.3.17

   
  Tornant a la pàgina d'administració, comprovem també el bon funcionament de la base de dades MySql. Cliqueu sobre el botó GESTIO BBDD i accedireu a la pàgina del phpMyAdmin que gestiona la base de dades MySql. La pàgina ha de tenir un aspecte semblant al següent:
   
 

Figura 1.3.18

   
  Si apareix aquest pàgina, vol dir que el MySql i també el PhpMyAdmin estan funcionant. El PhpMyAdmin és un gestor de base de dades del MySql que funciona en web i, per tant, en qualsevol sitema operatiu que suporti el PHP. De moment, ja en tenim prou sabent que funciona; en mòduls posteriors entrarem en més detalls.
 
   
  Retocs al php.ini
   
Pràctica

Quan s'instal·la el PHP en Windows es crea un fitxer amb el nom de php.ini. En algunes instal·lacions antigues de l'EasyPHP o de d'altres paquests, aquest fitxer es troba al directori c:\windows. En En la versió que hem instal·lat, podeu trobar-lo al directori C:\Archivos de programa\EasyPHP1-7\apache o, més fàcil encara, clicant sobre l'opció PHP del menú Configuració que hem vist més amunt.

En aquest fitxer hi podem trobar totes les directives que faran que el PHP treballi d'una manera o altra.És, per tant, un fitxer clau en la configuració del PHP.

   
Atenció !
Recordeu que l'opció PHP del menú Configuració només estarà disponible si el servidor Apache no està en funcionament i que perquè qualsevol canvi que hi feu tingui efecte cal que reinicieu l'EasyPHP.
   

Les majoria d'opcions que EasyPHP estableix per defecte ja ens serveixen per al seguiment del nostre curs.

De tota manera, cal que configurem un parell de directives referides a la tramesa de correu electrònic per tal que els missatges generats des de programa (amb la funció mail) siguin enviats. En concret cal que canviem el paràmetre corresponent al protocol SMTP.

Obriu, doncs, el fitxer php.ini amb la Llibreta del Windows (Bloc de notas). Cal que busqueu l'apartat i els paràmetres que veieu a continuació:

[mail function]
SMTP = localhost ;for win32 only
sendmail_from = me@localhost.com ;for win32 only

i els canvieu pels que apareixen aquí sota

[mail function]
SMTP = smtp.xtec.cat ;for win32 only
sendmail_from = EL_VOSTRE_IDENTIFICADOR@xtec.cat ;for win32 only

Observeu que al primer paràmetre (SMTP) definim en quin servidor es "negociarà" la transmissió del correu electrònic i en el segon (sendmail_from) establim l'adreça que apareixerà com a remetent dels missatges. Òbviament, cal que canvieu EL_VOSTRE_IDENTIFICADOR pel vostre identificador de la XTEC.

   
Atenció !
Tingueu present que posant smtp.xtec.cat com a SMTP no es resoldran adreces externes a aquest servidor. És a dir, que només arribaran els missatges que s'enviïn a una altra adreça del mateix servidor de la XTEC. Al mòdul 3 veurem maneres alternatives de fer possible la tramesa de correu fora de l'àmbit d'aquest servidor.
   
Atenció !
Una altra de les possibilitats de treball és disposar d'un servidor de correu propi, ja sigui sota Windows o en Linux. La configuració d'aquests servidors, però, va més enllà dels objectius d'aquests curs.
   
  El php.ini explicat
 

Existeixen diferents pàgines que ens poden ajudar a entendre més bé les diferents directives del php.ini i la seva utilitat i configuració. A part dels comentaris que podeu trobar en el fitxer php.ini mateix (en anglès), a l'adreça http://www.ignside.net/man/servidores/phpini.php hi trobareu una descripció en castellà de les diferents directives.

Recordeu també que a la pàgina http://localhost/home/phpinfo.php, de la qual hem parlat més amunt, s'hi mostra l'estat de moltes de les directives contingudes al php.ini. Podeu veure-ho a l'apartat Php Core dins Configuration.

   
   
  L'EasyPHP no funciona?
   
 

És possible que, en alguns casos, després d'haver seguit tots els passos anteriors els elements instal·lats per l'EasyPHP no funcionin i, per tant, no puguem fer funcionar les nostres pàgines web dinàmiques. A continuació donem algunes pistes que poden ajudar a resoldre aquests problemes.

   
  Instal·lacions anteriors
 
  • Comproveu que no tingueu instal·lades versions anteriors o bé de l'EasyPHP, o bé d'algun altre paquet (AppServ, FoxServ, etc.) o d'algun dels seus components (Apache, Mysql). Per exemple, si el port de publicació de pàgines web (normalment el 80) ja està ocupat, no podrà ser utilitzat per la nova instal·lació. Podeu trobar una eina anomenada tcpview a fitxers/m1/tcpview/tcpview.zip que pot ajudar a veure quins són els ports ocupats.
  • Si esteu treballant amb Windos XP o en NT, cal veure, pel mateix motiu que acabem d'esmentar, que no tingueu instal·lat i funcionant el servidor que aquests sistemes operatius proporcionen (IIS). En aquest cas n'hi hauria prou amb aturar el servidor IIS i l'Apache de l''EasyPHP hauria de funcionar ja sense problemes.
  Tallafocs o firewalls
 

El Windows XP porta per defecte un tallafocs que si està activat pot ser que no deixi publicar les pàgines web. Igualment pot passar, si teniu instal·lat algun altre tallafocs (Norton, ZoneAlarm, etc.). En tots aquests casos es possible que hagueu de retocar la configuració del tallafocs autoritzant la publicació de webs.

  Apache i MySQL com a servei
 

En alguna ocasió, en Windows XP o NT, pot ser que, tot i que no es produeixi cap de les situacions anteriors, l'Apache no arrenqui. Una possible solució al problema és la de seleccionar l'opció Arrencar els servidors com a servei (només administradors) en el quadre de configuració de l'EasyPHP que hem comentat més amunt (fig. 1.3.12). D'aquesta manera tant l'Apache com el MySql arrencaran com a un servei de Windows.

  Consultar les PMF (FAQ) de l'EasyPHP
 

Si amb el que hem vist no hem pogut solucionar els problemes, recodeu que disposeu d'una pàgina de PMF (Preguntes Més Freqüents), en castellà, a l'adreça http://www.easyphp.org/faq.php3?lang=es que pot ser útil per fer funcionar correctament l'EasyPHP.

   
   
Amunt
Pràctica
1
2
3
4
5
6
7
     
Exercicis
Exercicis