Prepara Ubuntu (o altra distro) per al desenvolupament web

Més enllà dels mites, de les creences o l'opinió que GNU / Linux és complicat d'usar, considero que és un excel·lent sistema operatiu per a aquells que són desenvolupadors, sobretot desenvolupadors web.

He tingut l'oportunitat de conversar amb moltes persones que prefereixen OS X i fins i tot Windows per desenvolupar, segons diuen, per la seva facilitat i les seves eines, i encara que és una opinió molt individual de cada qui crec que qualsevol distribució de GNU / Linux o al menys les més populars, ofereixen tot el necessari per instal·lar i treballar.

[Quote] Les distribucions més populars ofereixen tots els paquets necessari en els seus repositoris per a un desenvolupador web. [/ Quote]

Ara, en el tema de el desenvolupament hi ha un dilema ¿és millor una distribució molt actualitzada com Antergos o una que mantingui un equilibri entre estable i actualitzat com Ubuntu?

Poso un exemple molt simple, mentre que a Ubuntu Trusty l'última versió de Netbeans és la 7.0.1, en ArchLinux està disponible la versió 8.0.2. El mateix succeeix amb NodeJS i altres paquets que veurem a continuació que són molt usats pels FrontEnd.

Com sigui, és decisió de cadascú escollir la distribució de la seva preferència segons el treball a desenvolupar. Per a aquest article, partirem d'una instal·lació d'Ubuntu, i com està enfocat a nous usuaris, mostrarem el procés pas a pas.

Instal·lar Ubuntu 14.04

El primer que farem serà baixar-nos la imatge d'instal·lació d'Ubuntu des del seu lloc web oficial. L'enllaç que ve a continuació els permetrà triar si vol descarregar un iso per 32 bits o 64 bits.

Una vegada que el descarreguem hem «cremar» un DVD amb el iso descarregat o preparar una memòria Flash per arrencar i instal·lar des d'ella. Al Windows podem fer-ho seguint aquesta guia i en Mac aquesta altra. En aquest punt reiniciem la PC i vam arrencar per la memòria o el DVD.

Passos d'instal·lació d'Ubuntu 14.04

El primer és seleccionar l'idioma amb el qual volem instal·lar Ubuntu:

Després veurem si tenim tots els requisits necessaris per a la instal·lació:

Posteriorment passem a la partició del disc dur. Si no té experiència amb això, és preferible que ho deixi tot per defecte un cop que hagin fet un suport de les seves dades.

Triem la zona horària:

Escollim l'idioma del nostre teclat:

Definim el nostre usuari, el nom del nostre ordinador, la nostra contrasenya:

I esperem a que acabi:

Una vegada que l'instal·lador acabi, reiniciem l'ordinador i vam entrar per la nostra sessió. Podem executar el gestor d'actualitzacions o obrir un terminal i posar:

$ sudo apt update && sudo apt upgrade

I si no hi ha res a actualitzar, ja podem començar.

Preparant el nostre espai de treball per a proves

Llavors, com som desenvolupadors només ens volem enfocar en el que sabem fer: desenvolupar. No ens interessa saber com configurar un servidor web, ni com funciona una base de dades, només volem una cosa que funcioni i que sigui fàcil d'implementar per començar a escriure codi.

Si només haguéssim de escriure en HTML, CSS, JS tot seria més simple, però de vegades hem de tenir un servidor de proves per codi en PHP, Ruby, Django, etc .. Per tant el més recomanable és muntar el nostre propi servidor web. Per sort per a nosaltres tenim aquesta facilitat de dues formes diferents:

1. Utilització de l'instal·lador de XAMPP que ens proveeix Apache.
2. usant LAMP Bitnami.

instal·lant Bitnami

La instal·lació de LAMP via Bitnami ja la vam veure en un article anterior, per tant no serà necessari abordar-la en aquest article. Un cop instal·lat Bitnami podrem gestionar el nostre servidor de proves mitjançant el navegador web.

Tota la documentació necessària sobre el funcionament de Bitnami la trobem en el seu wiki.

Instal·lació de XAMPP

L'instal·lador de XAMPP també ve de la mà de Bitnami, però el procés d'instal·lació és un tant diferent, de manera que el veurem pas a pas. El primer és clar, és descarregar el fitxer que ens interessa segons l'arquitectura del nostre processador:

Un cop descarregat obrim un terminal i accedim a la carpeta on està el fitxer, a el qual li donarem permisos d'execució. En el cas de el fitxer de 64 Bits seria:

$ sudo chmod a+x xampp-linux-x64-5.5.19-0-installer.run

Ara en el mateix terminal l'executem:

$ sudo ./xampp-linux-x64-5.5.19-0-installer.run

I seguim els següents passos.

A la imatge anterior ens preguntava si volíem instal·lar els fitxers per a desenvolupadors i en la posterior, si estem d'acord amb la selecció que vam escollir.

Ara ens pregunta la ruta on volem instal·lar (per defecte és en / opt / lampp), i encara que podem canviar-la, recomano deixar-lo com està.

Un pas més de comprovació abans de començar a instal·lar

instal·lant XAMPP

Instal·lació completada.

Ara bé, per iniciar XAMPP només hem d'executar:

$ Sudo / opt / lampp / lampp start Starting XAMPP for Linux 5.5.19-0 ... XAMPP: Starting Apache ... ok. XAMPP: Starting MySQL ... ok. XAMPP: Starting ProFTPD ... ok.

I ja tenim d'aquesta forma el nostre servidor Apache + MySQL + PHP + Perl funcionant. Si presenten algun problema, els recomano visitar les FAQ.

DNS personalitzat i Host Virtual amb XAMPP

Suposant que al nostre servidor de proves tinguem allotjats diversos llocs, podem establir cada un d'ells perquè es vegi de forma local en el fitxer / Etc / hosts. Posem un exemple, diguem que tenim el lloc dev.proves.com, El que fem és obrir el fitxer / Etc / hosts amb el nostre editor preferit (i com a root) i afegir-lo de la següent manera:

$ sudo vim /etc/hosts

i afegim la línia:

127.0.0.1   dev.prueba.com

Però com és lògic això no és suficient, ja que hem de dir-li a Apache que quan algú faci una petició a dev.prova.com per la 127.0.0.1, ha de tornar nostre lloc de proves.

Editem el fitxer /opt/lampp/etc/httpd.conf

$ sudo vim /opt/lampp/etc/httpd.conf

i descomentem (traient el símbol de nombre) la línia que diu:

# Include etc/extra/httpd-vhosts.conf

i la deixem així:

Include etc/extra/httpd-vhosts.conf

Ara anem a el fitxer /opt/lampp/etc/extra/httpd-vhosts.conf que ha de tenir alguna cosa com això:

# Use only name-based virtual hosts so the server does not need to worry about # IP addresses. This is indicated by the asterisks in the directives below. # # Please see the documentation at # # For further details before you try to setup virtual hosts. # # You may use the command line option '-S' to verify your virtual host # configuration. # # VirtualHost example: # Almost any Apache Directive may go into a VirtualHost container. # The first VirtualHost section is used for all requests that do not # matx a ServerName or ServerAlias ​​in any block. # ServerAdmin webmaster@dummy-host.example.com DocumentRoot "/opt/lampp/docs/dummy-host.example.com" ServerName dummy-host.example.com ServerAlias ​​www.dummy-host.example.com ErrorLog "logs / dummy -host.example.com-error_log "CustomLog" logs / dummy-host.example.com-access_log "common ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dummy-host80.example.com ErrorLog "logs / dummy-host2.example.com-error_log" CustomLog "logs / dummy-host2.example.com-access_log" common

El modifiquem i ho deixem d'aquesta forma:

# Use only name-based virtual hosts so the server does not need to worry about # IP addresses. This is indicated by the asterisks in the directives below. # # Please see the documentation at # # For further details before you try to setup virtual hosts. # # You may use the command line option '-S' to verify your virtual host # configuration. # # VirtualHost example: # Almost any Apache Directive may go into a VirtualHost container. # The first VirtualHost section is used for all requests that do not # matx a ServerName or ServerAlias ​​in any block. # DocumentRoot "/ home / ruta / carpeta / projecte /" ServerName my_blog.dev Requereix all granted

Com és lògic, la ruta cap a la carpeta del nostre projecte s'ha d'especificar a l'reemplaçant «/ Home / ruta / carpeta / projecte /».

Instal·lació Manual de LAMP

Ara bé, encara que no ho sembli, crec que és més molest fer la instal·lació de la forma anterior que instal·lant els paquets directament dels nostres dipòsits. Per tenir el mateix Stack en el nostre PC només hem d'obrir un terminal i posar:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Amb aquests 3 paquets només, s'instal·laran les dependències necessàries per començar a treballar amb el mínim requerit a l'hora de desenvolupar.

DNS personalitzat i Host Virtual amb LAMP

Per la part de l'DNS (Servidor de nom de domini) mantenim tot igual, és a dir, afegim els noms dels nostres llocs de proves en el fitxer / Etc / hosts. Ara, en el cas d'Apache, la ruta dels VHost (Host Virtuals) és diferent.

Normalment el que es fa és posar el que vam posar en el fitxer /opt/lampp/etc/extra/httpd-vhosts.conf a la ruta /etc/apache2/sites-available/nomdelvhost.conf, I després, se li fa un enllaç simbòlic a aquest fitxer a la carpeta / Etc / apache2 / sites-enabled / però no ens anem a complicar. Posarem directament el fitxer en / Etc / apache2 / sites-enabled / amb la següent configuració:

$ Sudo vim /etc/apache2/sites-enabled/dev.prueba.com.conf DocumentRoot "/ home / ruta / carpeta / projecte /" ServerName my_blog.dev Requereix all granted

Crec que és vàlid aclarir que quan instal·lem manualment, la ruta per defecte de les carpetes dels llocs webs és / Var / www / http /.

Instal·lació de NodeJS i Ruby

si fem servir NodeJS o Ruby (En comptes de PHP i Perl) podem instal·lar manualment els paquets ha a la consola:

$ sudo apt install nodejs ruby

I si necessiten algun paquet més, només han de buscar-executant el gestor de paquets o en la consola:

$ sudo apt search paquete a buscar

Fins a aquesta part ja tenim a punt la part de la banda de servidor per al nostre espai de proves, ara vegem algunes de les aplicacions que podem utilitzar.

Eines per a desenvolupament web

En els repositoris comptem amb algunes aplicacions que ens permetran treballar còmodament quan es tracta d'HTML, CSS, JS i altres. Entre elles tenim:

• Peix blau
• Geany
• Gedit
• Kate

Sent Bluefish (Al meu parer) la més completa quan es tracta de treball FrontEnd, Però jo recomano instal·lar aplicacions de tercers que ens ofereixen moltes més funcionalitats. Tenim per exemple a Suports, SublimText o Komodo-Edit. Totes aquestes aplicacions tenen el seu propi paquet d'instal·lació per a Ubuntu, excepte Komodo-Edit, el qual només cal descomprimir-lo i executar un fitxer .sh.

(... en procés ...)