![]() |
|
||||||||||||||||
![]() |
||||||||||||||||
Pràctica |
![]() |
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:
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 | |||||||||||||||
![]() |
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 | |||||||||||||||
![]() |
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. |
||||||||||||||
![]() |
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:
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:
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. |
|||||||||||||||
|
|||||||||||||||
Un cop en funcionament, les opcions que apareixen són les següents:
|
|||||||||||||||
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:
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> 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 | |||||||||||||||
![]() |
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. |
||||||||||||||
![]() |
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] i els canvieu pels que apareixen aquí sota [mail function] 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. |
|||||||||||||||
![]() |
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. | ||||||||||||||
![]() |
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 | |||||||||||||||
|
|||||||||||||||
Tallafocs o firewalls | |||||||||||||||
|
|||||||||||||||
Apache i MySQL com a servei | |||||||||||||||
|
|||||||||||||||
Consultar les PMF (FAQ) de l'EasyPHP | |||||||||||||||
|
|||||||||||||||
![]() |
|||||||||||||||
|
|||||||||||||||