Revisió de 13:35, 13 des 2016

Aquest document documenta com preparar un entorn de desenvolupament per col·laborar en el desenvolupament de la web de guifi.net.

Ens centrarem al mòdul "drupal-guifi", que és el fonamental de tota la gestió a la web de guifi.net, però l'entorn muntat pot fer-se servir per desenvolupar altres mòduls o temes, com per exemple "budgets" i "theme_guifinet2011".

Instalació i configuracó de la base

Per fer funcionar Drupal a la màquina de desenvolupament cal posar en marxa un servidor web, el mòdul PHP pel servidor web i un servidor de base de dades, recomanat MySQL.

En funció del nostre sistema operatiu i les nostres preferències, la instalació d'aquests serveis es realitzarà d'una manera o d'una altra. A continuació es detalla pels entorns Debian/Ubuntu amb Apache+PHP+Mysql i Archlinux amb Nginx+PHP+Mysql. Totes dues instalacions són simples.

• Debian/Ubuntu:

$ sudo apt-get install mysql-server libapache2-mod-php5 php5-gd php5-mysql

• Archlinux:

$ pacman -S nginx mysql php-fpm php-gd

Documentació per a Archlinux: Apache, PHP and MySQL, Nginx

La configuració del servidor web (Apache/lighttpd/nginx) per a fer que funcioni el mòdul de PHP a l'arrel del nostre directori web depèn del nostre sistema.

Configuració de l'arxiu php.ini

Cal tenir activats els següents mòduls a l'arxiu php.ini:

extension=mysql.so
extension=iconv.so
extension=gd.so

Cal testejar si el sistema interpreta arxius PHP. Per això, es pot crear un arxiu al DOCUMENT_ROOT (generalment /var/www) del servidor web. Si no funciona reviseu els passos anteriors i consulteu la documentació de la vostra distribució.

<?php
phpinfo();
?>

Configuració de fitxers

Per tal de no tenir problemes en la nostra instal·lació de l'entorn de desenvolupament, es necessari realitzar algunes modificacions dins d'uns fitxers concrets els quals esmentarem per tal de que tot funcioni correctament:

En l'adreça següent: /etc/apache2/sites-enabled/

Hi tenim un únic fitxer el qual es diu '000-default'. Mitjançant un editor de text de shell (vi/nano) editarem el fitxer:

$ vi 000-default

Dins del fitxer, hem de buscar el següent text: 'Allow Override None' en tot el text i substituir-lo per 'Allow Override All'. Per realitzar la modificació, mitjançant les fletxes de direcció ens situarem sobre la línia en qüestió i apretarem la tecla 'i' la qual ens permetrà escriure. Si es presenten problemes, sembre es pot sortir del fitxer sense desar mitjançant la tecla 'ESC' seguit de la comanda ':q!' <quit without saving> << sortir sense guardar.

$ nano 000-default

Fem l'edició i sortim desant Ctrl+X

Preparació de les Clean URL

La nostra web amb drupal necessita fer servir Clean URL i per tal que aquestes es puguin aplicar es necessari tenir activat el mòdul rewrite. Per tal d'activar aquest mòdul, utilitzarem les comandes següents:

a2enmod rewrite

Ens informarà que el mòdul està actiu i que s'haurà de reiniciar el servei, cosa que farem amb la comanda:

/etc/init.d/apache2 restart

o bé

service apache2 restart

Descarregant el codi font

El codi dels mòduls "drupal-guifi", "drupal-bugdets" i "theme_guifinet2011" són programari lliure i estan allotjats als repositoris de Gitorious. Els repositoris són útils pel desenvolupament de programari però nosaltres ens limitarem a clonar-los.

La idea és que hi ha el repositori de cada un dels mòduls i el tema, cada desenvolupador té una còpia del repositori també a Gitorious, d'aquesta manera instal·larà la seva còpia a la seva màquina de desenvolupament, realitzarà el desenvolupament a la seva màquina i un cop el desenvolupament és correcte, enviarà els canvis a la seva còpia de Gitorious i demanarà incloure'ls al repositori principal.

Requisits pel clonatge del repositori drupal-guifi a la còpia del desenvolupador a Gitorious

Haurem de fer un fork del projecte "drupal-guifi" de cara a realitzar alguna modificació sobre el seu codi font.

• Crear-se un compte a Gitorious.
• Crear unes claus SSH (ssh-keygen) sense contrasenya a l'ordinador de treball i s'afegiran al perfil d'usuari de gitorious. Per exemple:

ssh-keygen 

Generating public/private rsa key pair.
Enter file in which to save the key (/home/dave/.ssh/id_rsa): 
Enter passphrase (empty for no passphrase): 
Enter same passphrase again: 
Your identification has been saved in /home/dave/.ssh/id_rsa.
Your public key has been saved in /home/dave/.ssh/id_rsa.pub.

• Accedir a la pàgina del projecte "drupal-guifi".
• Clonar el projecte. Amb això ja tindrem un fork del projecte sobre el que podem realitzar els nostres canvis.

Pàgines web a Gitorious dels projectes amb les que podem participar en el desenvolupament:

• https://gitorious.org/guifi/drupal-guifi
• https://gitorious.org/guifi/drupal-budgets
• https://gitorious.org/guifi-web/theme_guifinet2011

Amb això tindrem una còpia de l'original a l'espai del desenvolupador a Gitorious.

Descàrrega, instalació i configuració de l'entorn Drupal

Al principi hem instal·lats els serveis bàsics a la nostra màquina de desenvolupament i hem clonat els repositoris de codi font amb els que volem treballar, hem de posar en funcionant a la màquina de desenvolupament el Drupal 6.x (amb alguns mòduls adicionals), ja que així podrem veure i testejar els canvis que anem fent al nostre repositori de "drupal-guifi".

Descàrregues des de la línea de comandes

• La darrera versió de Drupal 6 (6.38):

wget http://ftp.drupal.org/files/projects/drupal-6.38.tar.gz

i habilitar l'accès via web:

ln -s /usr/share/drupal6/ /var/www/guifi

• Els Mòduls de Drupal fonamentals:

Que els descarregarem a /var/www/drupal-6.38/sites/all/modules

Mòdul WebForm:

wget http://ftp.drupal.org/files/projects/webform-6.x-3.23.tar.gz

Mòdul Views:

wget http://ftp.drupal.org/files/projects/views-6.x-2.18.tar.gz

Mòdul Views_slideshow:

wget http://ftp.drupal.org/files/projects/views_slideshow-6.x-2.4.tar.gz

Mòdul Internationalization (i18n) <Multi-idioma>:

wget http://ftp.drupal.org/files/projects/i18n-6.x-1.10.tar.gz 

• Els Mòduls de Drupal opcionals:

Mòdul schema:

wget http://ftp.drupal.org/files/projects/schema-6.x-1.7.tar.gz

Mòdul devel:

wget http://ftp.drupal.org/files/projects/devel-6.x-1.28.tar.gz

Mòdul Translation template extractor (potx):

wget http://ftp.drupal.org/files/projects/potx-6.x-3.3.tar.gz

Mòdul Localization client (l10n client):

wget http://ftp.drupal.org/files/projects/l10n_client-6.x-2.2.tar.gz

Mòdul language (???):

wget ???

Mòdul icons (Language icons???):

wget http://ftp.drupal.org/files/projects/languageicons-6.x-2.1.tar.gz ???

Mòdul language_sections:

wget http://ftp.drupal.org/files/projects/language_sections-6.x-2.5.tar.gz

Mòdul diff:

wget http://ftp.drupal.org/files/projects/diff-6.x-2.3.tar.gz

Mòdul captcha:

wget http://ftp.drupal.org/files/projects/captcha-6.x-2.7.tar.gz

Mòdul captcha_pack:

wget http://ftp.drupal.org/files/projects/captcha_pack-6.x-1.0-beta3.tar.gz

Mòdul event:

wget http://ftp.drupal.org/files/projects/event-6.x-2.x-dev.tar.gz

Mòdul cck:

wget http://ftp.drupal.org/files/projects/cck-6.x-2.10.tar.gz

Mòdul fckeditor:

wget http://ftp.drupal.org/files/projects/fckeditor-6.x-2.4.tar.gz

Mòdul image:

wget http://ftp.drupal.org/files/projects/image-6.x-1.2.tar.gz

Mòdul image_filter:

wget http://ftp.drupal.org/files/projects/image_filter-6.x-1.0.tar.gz

Mòdul fivestar

wget http://ftp.drupal.org/files/projects/fivestar-6.x-1.21.tar.gz

Mòdul votingapi

wget http://ftp.drupal.org/files/projects/votingapi-6.x-2.3.tar.gz

• Mòduls desenvolupats per la comunitat Guifi.net:

- Mòdul budgets

- Mòdul guifi

• El tema oficial "theme_guifinet2011":

• La base de dades actual de desenvolupament de la web de guifi.net:

wget http://www.guifi.net/guifi66_devel.sql.gz

Instalació de Drupal

Hem de posar en marxa un entorn Drupal bàsic i posteriorment sobreescriurem la base de dades amb la que hem descarregat prèviament de Guifi.net

Aquests són els passos bàsics per a instal·lar i configurar un site Drupal:

• Descomprimim el paquet de Drupal que ens hem descarregat i el posem accesible al DOCUMENT_ROOT d'Apache:

cd /var/www
tar zxvf drupal-6.29.tar.gz
ln -s drupal-6.29 guifi

• Iniciem el procés d'instalació via web de Drupal accedint a http://<ip_del_teu_servidor>/guifi exemples:

http://10.138.71.10/guifi

http://localhost/guifi

• En arribar a l'apartat de configuració de la base de dades, necessitarem tenir creada una base de dades local de MySQL per a desenvolupament:

[dave@inuik http]$ mysql -u <nomusuari> -p <contrassenya> << és possible que amb root no faci falta una password

exemple:

mysql -u root -p <salt de linia>
Enter password: <escritura_de_la_password>

Welcome to the MySQL monitor. Commands end with ; or \g.
Your MySQL connection id is 525
Server version: 5.5.31-0+wheezy1 (Debian)

Copyright (c) 2000,2013, Oracle and/or its affiliates. All rights reserved.
Oracle is a registered trademark of Oracle Corporation and/or its affiliates. Other names may be trademarks of their respective owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> create database guifi_test;
Query OK, 1 row affected (0.00 sec)

mysql> grant all on guifi_test.* to guifi@localhost identified by 'guifinet';
Query OK, 0 rows affected (0.00 sec)

Ja podem introduir la informació de connexió a la base de dades per a que Drupal creï les taules necessàries.

Instal·lació dels mòduls de Drupal necessaris per a engegar l'entorn

Dins de l'adreça /var/www/drupal-6.29/sites/all/modules, on tindrem descarregats els nostres mòduls, els descomprimirem mitjançant la ordre:

tar zxvf <nom_del_fitxer_a_descomprimir>

per exemple:

tar zxvf i18n-6.x-1.10.tar.gz

ATENCIÓ. Fixeu-vos que el mòdul "drupal-guifi" que estem clonant no és el repositori principal que hi ha a Gitorious, sinó el que hem creat fent un fork del projecte principal. Així els canvis que fem els podrem pujar a Gitorious al repositori nostre com a desenvolupadors, per a posteriorment, si ho considerem convenient, notificar el canvi als desenvolupadors principals per a que els puguin integrar a la branca principal de desenvolupament, això es fa des del mateix Gitorious amb un merge request.

mkdir drupal-6.29/sites/all/modules
cd drupal-6.29/sites/all/modules
git clone git://gitorious.org/guifi/drupal-budgets.git budgets
# Clonat del MEU FORK del mòdul "drupal-guifi" 
git clone git@gitorious.org:~tombatossals/guifi/tombatossalss-drupal-guifi.git guifi (canvia "~tombatossals/guifi/tombatossalss-drupal-guifi.git" pel teu repositori clonat a Gitorious)

Instalació de la base de dades de desenvolupament de Guifi.net

Tenint una instal·lació neta de Drupal, anem a sobreescriure la base de dades amb la informació de les taules de la base de dades de Guifi.net, el que ens proporcionarà un entorn de desenvolupament similar a la web en producció. Des de la carpeta on anteriorment hem baixat la base de dades cal fer:

gunzip guifi66_devel.sql.gz

mysql -u root -p guifi_test < guifi66_devel.sql; << recordem que les comandes dins de MySQL s'acaben amb un ';'

Afinant la instalació

Un cop realitzada la instal·lació, s'ha d'editar el fitxer .htaccess, que es troba dins de la carpeta arrel de drupal :

cd /var/www/drupal-6.29
ls -la << per mostrar llistats tots els fitxers inclosos els ocults

Ens mostrarà un arxiu ocult anomenat : .htaccess L'editarem mitjançant un editor de text:

vi .htaccess

En una linia buida del fitxer, apretarem la 'i' per escriure-hi i afegirem la següent linia: RewriteBase /drupal-6.29

Un cop instalada la base de dades amb tota la informació de la web de Guifi.net, tindrem accés a la informació de qualsevol node o zona de la web principal. Per a loguejar-te com usuari, has de fer servir el nom d'usuari corresponent i la contrasenya genèrica "guifi".

L'usuari administrador serà "webmestre" i la contrasenya "guifi".

Alguns consells per a refinar la instalació:

• Creeu i comproveu que els directoris "files", "files/nanostation" i "tmp" del directori de instalació de drupal tenen permisos de escriptura per l'usuari del servidor web (o poseu-los a 777):

mkdir drupal-6.29/{files,files/nanostation,tmp}
chmod 777 drupal-6.29/{files,files/nanostation,tmp}

• La carpeta "files/nanostation" contendrà els arxius "unsolclic" de les antenes Ubiquiti que anem consultant o creant.

• Protegiu la carpeta "files" i "tmp" amb el seu respectiu fixter .htaccess

A la carpeta "files" el ftixer .htaccess ha de incloure aquest contingut:

# Turn off all options we don't need.
Options None
Options +FollowSymLinks
# Set the catch-all handler to prevent scripts from being executed.
SetHandler Drupal_Security_Do_Not_Remove_See_SA_2006_006
<Files *>
  # Override the handler again if we're run later in the evaluation list.
  SetHandler Drupal_Security_Do_Not_Remove_See_SA_2013_003
</Files>
# If we know how to do it safely, disable the PHP engine entirely.
<IfModule mod_php5.c>
  php_flag engine off
</IfModule>
# PHP 4, Apache 1.
<IfModule mod_php4.c>
  php_flag engine off
</IfModule>
# PHP 4, Apache 2.
<IfModule sapi_apache2.c>
  php_flag engine off
</IfModule>

I a la carpeta "tmp", el fitxer .htaccess ha de ser exactament el mateix que el de "files" pero hi hem d'afegir al final de tot això:

Deny from all

• Editeu el fitxer robots.txt, elimineu-ne tot el contingut i afegiu únicament aquestes linies, doncs no ens interessa que els robots indexin el nostre entorn local.

User-agent: *
Disallow: /

• Comproveu els possibles errors de instalació de Drupal accedint com usuari "webmestre" a la pàgina de administració i, des d'allà, a la pàgina de "Report Status". Ex: http://localhost/guifi/ca/admin/reports/status

• Accediu a la secció de configuració de "Performance" y deshabiliteu tot l'usatge de caché, optimització y compressió. Ens interessa que els canvis que fem sobre els arxius s'actualitzin en temps real. La URL d'accés a aquesta configuració serà de l'estil de: http://localhost/guifi/admin/settings/performance

Instalació del tema Guifi.net al Drupal

mkdir drupal-6.29/sites/all/themes
cd drupal-6.29/sites/all/themes
git clone git://gitorious.org/guifi-web/theme_guifinet2011.git 

El tema no s'activarà inmediatament, ja que li mancaran els arxius d'estils que Drupal creu que esten cachejats al sistema. Per a aconseguir que el tema s'activi completament, haurem d'accedir a l'"administració de temes", "configuració del tema de guifinet2011" i "desar" sense tocar cap opció. El tema per fi estarà activat.

Per visualitzar les imatges de la portada cal haver instal·lat els mòduls opcionals d'imatges i descarregar a:

$ cd /var/www/drupal-6.29/files/images

les següents imatges que es poden descarregar des de la línia de comandes:

wget http://guifi.net/files/images/el_molar_v2.jpg
wget http://guifi.net/files/images/platadaro_910x454.jpg
wget http://guifi.net/files/images/antenes2.jpg
wget http://guifi.net/files/images/dsc07219_910x454_v2.jpg
wget http://guifi.net/files/images/puigcubell_portada.jpg
wget http://guifi.net/files/images/taller_fibra1.jpg
wget http://guifi.net/files/images/DSC08889_910x454_v2.jpg
wget http://guifi.net/files/images/20246_910x454_v2.jpg
wget http://guifi.net/files/images/illes_910x454.jpg
wget http://guifi.net/files/images/cel-bcn-portada.jpg

Instal·lació dels idiomes

La base de dades de Guifi.net que hem importat té habilitats varis idiomes per defecte, però les traduccions no estan instalades al sistema. Per a solucionar-ho, seguim aquests passos:

• Descarregueu la traducció de l'idioma de aquí: http://localize.drupal.org/.

Per exemple: http://ftp.drupal.org/files/translations/6.x/drupal/drupal-6.29.ca.po

• Aneu a la administració de idiomes de la vostra instalació com webmestre, està localitzada a /admin/settings/language, i fixeu-vos que hi ha un enllaç per a importació manual dels strings de traducció: /admin/build/translate/import

• Indiqueu-li l'idioma de l'arxiu que heu descarregat e importeu-lo. A partir d'aquí ja tindrem l'interfície traduïda.

Començant a treballar

Ja tenim un entorn preparat per començar a modificar els mòduls de Drupal, pujar-los al nostre propi repositori i, si ho considerem convenient, notificar els nostres commits als desenvolupadors per a que els integrin a la branca principal.

Per a fer commit dels nostres canvis:

cd drupal-6.29/site/all/modules/guifi
# Fem modificacions a alguns arxius, les enregistrem al nostre repositori de treball i procedirem a pujar-les a Gitorious
git commit -a
git push

Posteriorment, des de la web de Gitorious podrem fer servir un "Merge request" per notificar als desenvolupadors alguna de les nostres modificacions i que valorin la seva incorporació al repositori principal.

Actualitzant el nostre repositori amb els canvis del repositori pare

Si volem mantenir el nostre repositori actualitzat amb els darrers canvis que es van produint al repositori pare, haurem de seguir la següent recepta:

# Definim com repositori remot anomenat "upstream" el repositori de "drupal-guifi"
git remote add upstream git://gitorious.org/guifi/drupal-guifi.git

# Obtenim els darrers canvis del nostre repositori
git fetch origin -v

# Obtenim els darrers canvis del repositori pare
git fetch upstream -v

# Fem el merge dels canvis obtinguts
git merge upstream/master

Referències

Aquest article conté informació extreta d'aquest fil de la llista de correu de webdev.

Enllaços externs

• http://acacha.org/mediawiki/index.php/Entorn_de_desenvolupament_guifi