PREPARAR L'ENTORN PER TREBALLAR A REMOT

 

En lliuraments anteriors ja es va indicar com accedir via FTP al servidor remot. Per tant, no anem a tornar a explicar com connectar-nos al nostre servidor mitjanšant FTP i donarem per suposat que ja estem connectats. Un cop estiguem connectats, ens apareixerÓ una pantalla com a la segŘent:

 

Ara hem d'entrar en el directori remot htdocs (en altres servidors el nom del directori de treball sol ser public_html o www). Aquest directori Ús en el qual hem de crear les nostres pÓgines en PHP ja que serÓ el directori que el servidor utilitzi per servir les pÓgines web.Els arxius en aquest directori seran accessibles escrivint l'adreša web arrel del nostre lloc. Si tenim un domini propi, accedirem escrivint http: //www.nombreDominio/index.php. Si hem creat un compte de hosting gratu´t serÓ accessible des del navegador escrivint l'adreša web que ens hagi indicat el prove´dor del servei, per exemple: http://apr2.byethost7.com/index.php

Aquesta adreša ens la indica el prove´dor del servei de hosting gratu´t: recordar el lliurament on expliquem la creaciˇ del compte de hosting gratu´t on indicÓvem que el domini un cop registrada nostre compte en el hosting era http://apr2.byethost7.com. (Aquesta adreša Ús un exemple. En el teu cas, si has creat el teu compte gratutita, tindrÓs la teva pr˛pia adreša que et permeti accedir).

Aix˛ indica que dins del directori htdocs, tenim creat un fitxer en PHP anomenat index.php i el seu contingut serÓ el mostrat en el navegador en accedir a la URL anteriorment indicada.

Nota: Si no posem el nom del fitxer en la ruta del navegador, Ús a dir, si simplement escrivim http://apr2.byethost7.com, per defecte el servidor buscarÓ un fitxer anomenat index.php, index.html o index.htm per enviar la resposta html al navegador. ╔s a dir, si s'escriu http://apr2.byethost7.com/miarchivo.php es buscarÓ l'arxiu miarchivo.php, per˛ si s'escriu http://apr2.byethost7.com el servidor buscarÓ l'arxiu index existent i aquest serÓ el que retorni.

 

LA MEVA PRIMERA P└GINA EN PHP

A l'entrar al directori htdocs, Ús possible que veiem que ja hi ha una pÓgina index.htm (o index.html o similar). La raˇ d'aix˛ Ús que en alguns servidors quan vam crear un compte gratu´ta, el prove´dor de hosting automÓticament ens crea aquest fitxer que per exemple pot contenir un missatge de benvinguda.

Abans de crear la nostra primera pÓgina en PHP, esborrarem la pÓgina index.html ja que el seu contingut no ens interessa. Per aix˛, farem clic amb el botˇ dret del ratolÝ sobre el fitxer que desitgem esborrar i al men˙ desplegable, que ens apareixerÓ, premerem en esborrar.

Un cop esborrat l'arxiu, crearem en local (en el nostre ordinador) un arxiu al qual anomenarem index.php. Per a aix˛ farem servir Notepad ++. Un cop creat l'arxiu, el pujarem al servidor remot, arrossegant des del directori local on ho haguem creat, al directori remot actual, Ús a dir, vam traslladar l'arxiu des del nostre ordinador fins al servidor.

Un cop realitzats aquests passos, tindrem al servidor remot un arxiu anomenat index.php que estarÓ buit i que editarem fent clic amb el botˇ dret del ratolÝ sobre l'arxiu que desitgem editar.

Cal aclarir que l'arxiu index.php el podem editar tant en local com en remot. Es pot fer de dues maneres, sent ambdues correctes. La diferŔncia radicarÓ en que si treballem en local cada vegada que vulguem veure els canvis en la pÓgina web haurem de pujar l'arxiu al servidor, i cada vegada que ho pugem "sobreescriure" l'arxiu.

Si treballem editant en remot, un cop editat l'arxiu i guardats els canvis, directament quedarÓ modificat l'arxiu al servidor, amb la qual cosa directament veurem els canvis en la pÓgina web.

Suposem que hem fet clic sobre l'arxiu en remot i premut el botˇ dret, i al seu torn l'opciˇ "Veure / Edita" (View / Edit):

Ara, normalment, en ser la primera vegada que vam editar amb FileZilla un arxiu amb extensiˇ PHP, ens donarÓ l'opciˇ de seleccionar el programa amb quŔ volem obrir aquest arxiu. Indicarem que volem obrir-lo amb el Notepad ++. Si no ens demana el programa amb el qual volem editar, podem ho manualment de la segŘent manera: desplegar el men˙ "Ediciˇ" (Edit) de Filezilla i prÚmer sobre "Opcions" (Settings). A la finestra que s'obre, al lateral esquerre seleccionem "Ediciˇ d'arxiu -> Associacions de tipus d'arxiu" (File editing -> Filetype associations), i en el costat dret en la caixa de text escrivim: php "C:\Program Files\Notepad++\Notepad++.exe ", on la ruta entre cometes representa la ruta on es troba el fitxer executable del Notepad++. Aquesta ruta pot ser diferent segons el sistema operatiu i instalĚlaciˇ que hÓgim fet. Comprova quina Ús la ruta en el teu computaor i introdueix la ruta correcta per al teu cas.

Un cop establert Notepad ++ com a editor per treballar en remot amb Filezilla, quan premem sobre un arxiu en remot i amb botˇ dret triem "Veure / Edita" (View / Edit), se'ns obrirÓ Notepad ++ per editar el fitxer corresponent. En el nostre cas anem a editar el fitxer index.php que havÝem pujat al servidor anteriorment.

Ara nomÚs ens falta crear la nostra primera pÓgina PHP. Per a aix˛ simplement afegirem aquest codi a l'arxiu index.php (mÚs endavant s'explicaran els conceptes propis de PHP i entendrem millor el que fem ara mateix; no hi fa si tens dubtes, les anirem solucionant a poc a poc).

<? Php

echo "La meva primera pÓgina en PHP - aprendreaprogramar.com" ;

?>

Quan acabem d'editar l'arxiu, el guardem (per aix˛ podem fer servir la combinaciˇ de tecles Ctrl + s o fer-ho a travÚs del Men˙ arxiu -> Guardar de Notepad ++). Un cop guardat en Notepad ++ fem clic sobre el programa FTP FileZilla que tenÝem en segon pla.AutomÓticament ens indicarÓ que l'arxiu ha canviat (a file previosly opened ha rebut una changed) i ens preguntarÓ si volem pujar els canvis (┐volve a pujar aquest arxiu al servidor? O Upload this file back to the server?). Contestarem que sÝ (yes).

I ara visualitzarem la nostra pÓgina en el navegador escrivint l'adreša web que Ús el nostre domini arrel. Si hem creat un compte gratu´ta, aquesta adreša web ens l'haurÓ facilitat el prove´dor del servidio de hosting gratu´t i podrÓ ser (aix˛ Ús un exemple) similar a:

http://apr2.byethost7.com/index.php o http://apr2.byethost7.com . Recordar que en el segon cas, quan no especifiquem l'arxiu que cal obrir, Ús el propi servidor el que s'encarrega automÓticament de buscar l'arxiu index.html o index.php.

Amb aquest senzill exemple hem creat la nostra primera pÓgina web fent servir el llenguatge de programaciˇ PHP.

 

EXERCICI

Crea els segŘents arxius i puja'ls mitjanšant ftp al directori arrel del teu lloc web:

a) Crea un fitxer anomenat curso.php on aparegui el segŘent text. << Curs php de aprenderaprogramar.com comenšat el 2083.09.24 >> on la data a incloure sigui la data en quŔ hagis pujat l'arxiu. Comprova que l'arxiu es visualitza en escriure l'adreša web correcta que serÓ similar a http://apr2.byethost7.com/curso.php (en el teu cas, haurÓs d'utilitzar l'adreša web que vagis a utilitzar per al curs).Respon a aquesta pregunta: Quin Ús el codi que contÚ l'arxiu? Quina Ús l'adreša web per accedir a l'arxiu i visualitzar el text?

b) Crea un fitxer anomenat alumno.php on aparegui el segŘent text. << Curs php de aprenderaprogramar.com alumne Juan Perez des del paÝs: Col˛mbia >> on el nom a incloure serÓ el teu nom i el paÝs teu paÝs. Comprova que l'arxiu es visualitza en escriure l'adreša web correcta que serÓ similar a http://apr2.byethost7.com/alumno.php (en el teu cas, haurÓs d'utilitzar l'adreša web que vagis a utilitzar per al curs). Respon a aquesta pregunta: Quin Ús el codi que contÚ l'arxiu? Quina Ús l'adreša web per accedir a l'arxiu i visualitzar el text?