Pregătiți Ubuntu (sau o altă distribuție) pentru dezvoltarea web

Dincolo de mituri, credințe sau opinia că GNU / Linux este complicat de utilizat, consider că este un sistem de operare excelent pentru cei care sunt dezvoltatori, în special dezvoltatori web.

Am avut ocazia să conversez cu mulți oameni care preferă OS X și chiar ferestre din să se dezvolte, așa cum se spune, datorită ușurinței și instrumentelor sale și, deși este o opinie foarte individuală a fiecărei persoane, cred că orice distribuție GNU / Linux sau cel puțin cele mai populare, oferă tot ce aveți nevoie pentru a instala și a lucra.

[cota] Cele mai populare distribuții oferă toate pachetele necesare în depozitele lor pentru un dezvoltator web. [/ cota]

Acum, cu privire la problema de dezvoltare există o dilemă, este o distribuție foarte actualizată, cum ar fi Antergos sau unul care menține un echilibru între stabil și actualizat ca Ubuntu?

Am pus un exemplu foarte simplu, în timp ce în Ubuntu de încredere ultima versiune de NetBeans este 7.0.1, în ArchLinux versiunea 8.0.2 este disponibilă. Același lucru se întâmplă cu NodeJS și alte pachete pe care le vom vedea mai jos, care sunt utilizate pe scară largă de În față.

Oricum, este decizia fiecăruia să aleagă distribuția preferințelor lor în funcție de munca de desfășurat. Pentru acest articol, vom începe de la o instalare Ubuntu și, deoarece se concentrează pe noi utilizatori, vom arăta procesul pas cu pas.

Instalați Ubuntu 14.04

Primul lucru pe care îl vom face este să descărcăm imaginea de instalare Ubuntu de pe site-ul său oficial. Legătura care urmează vă va permite să alegeți dacă doriți să descărcați un iso pe 32 de biți sau pe 64 de biți.

Odată ce l-am descărcat, trebuie să „ardem” un DVD cu iso descărcat sau să pregătim o memorie Flash pentru a porni și instala din acesta. În Windows o putem face urmând acest ghid și pe Mac Aceasta alta. Odată ce acest lucru este făcut, repornim computerul și începem cu memoria sau DVD-ul.

Pașii de instalare Ubuntu 14.04

Primul lucru este să selectăm limba cu care dorim să instalăm Ubuntu:

Mai târziu vom vedea dacă avem toate cerințele necesare pentru instalare:

Mai târziu mergem la partiționarea hard diskului. Dacă nu aveți experiență în acest sens, este de preferat să lăsați totul ca implicit după ce ați făcut backup pentru datele dvs.

Alegem fusul orar:

Alegem limba tastaturii noastre:

Ne definim numele de utilizator, numele computerului, parola:

Și așteptăm să se termine:

Odată ce instalatorul se termină, repornim computerul și intrăm în sesiunea noastră. Putem rula Update Manager sau deschide un terminal și punem:

$ sudo apt update && sudo apt upgrade

Și dacă nu există nimic de actualizat, putem începe.

Pregătirea spațiului nostru de lucru pentru testare

Deci, deoarece suntem dezvoltatori, vrem să ne concentrăm doar pe ceea ce știm să facem: dezvolta. Nu ne interesează să știm cum să configurăm un server web sau cum funcționează o bază de date, ne dorim doar ceva care funcționează și este ușor de implementat pentru a începe să scriem cod.

Dacă ar fi să scriem doar în HTML, CSS, JS totul ar fi mai simplu, dar uneori trebuie să avem un server de test pentru cod în PHP, Ruby, DJango etc. De aceea, este recomandat configurați propriul nostru server web. Din fericire pentru noi avem această facilitate în două moduri diferite:

1. Folosind programul de instalare XAMPP ce ne oferă Apache.
2. folosind LAMPĂ Bitnami.

Instalarea Bitnami

Instalarea LAMP prin Bitnami deja l-am văzut într-un articol anterior, prin urmare nu va fi necesar să îl abordăm în acest articol. Odată ce Bitnami este instalat, putem gestiona serverul nostru de testare prin browserul web.

Toată documentația necesară despre modul în care funcționează Bitnami poate fi găsită la wiki-ul său.

Instalare XAMPP

Programul de instalare XAMPP provine și de la Bitnami, dar procesul de instalare este oarecum diferit, așa că îl vom vedea pas cu pas. Primul lucru, desigur, este să descărcăm fișierul care ne interesează în funcție de arhitectura procesorului nostru:

Odată descărcat, deschidem un terminal și accesăm folderul în care se află fișierul, căruia îi vom da permisiuni de execuție. În cazul fișierului pe 64 de biți ar fi:

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

Acum, în același terminal îl executăm:

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

Și urmăm pașii următori.

În imaginea anterioară ne-a întrebat dacă vrem să instalăm fișierele pentru dezvoltatori și în cea ulterioară, dacă suntem de acord cu selecția pe care am ales-o.

Acum ne întreabă calea pe care dorim să o instalăm (în mod implicit este în / opt / lampp) și, deși o putem schimba, vă recomand să o lăsați așa cum este.

Încă un pas de verificare înainte de a începe instalarea

Instalarea XAMPP

Instalare completă.

Acum, pentru a porni XAMPP trebuie doar să executăm:

$ sudo / opt / lampp / lampp start Pornirea XAMPP pentru Linux 5.5.19-0 ... XAMPP: Pornirea Apache ... ok. XAMPP: Pornirea MySQL ... ok. XAMPP: Pornirea ProFTPD ... ok.

Și astfel avem deja serverul Apache + MySQL + PHP + Perl rulat. Dacă aveți o problemă, vă recomand să vizitați întrebările frecvente.

DNS personalizat și gazdă virtuală cu XAMPP

Presupunând că avem mai multe site-uri găzduite pe serverul nostru de testare, putem seta fiecare dintre ele să fie vizualizate local în fișier / Etc / hosts. Să luăm un exemplu, să presupunem că avem site-ul dev.tests.com, ceea ce facem este să deschidem fișierul / Etc / hosts cu editorul nostru de text preferat (și ca root) și adăugați-l în modul următor:

$ sudo vim /etc/hosts

și adăugăm linia:

127.0.0.1   dev.prueba.com

Dar, desigur, acest lucru nu este suficient, pentru că trebuie să-i spunem lui Apache că atunci când cineva face o cerere dev.test.com Pentru 127.0.0.1, trebuie să returnați site-ul nostru de testare.

Edităm fișierul /opt/lampp/etc/httpd.conf

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

și decomentează (eliminând semnul lirei) linia care spune:

# Include etc/extra/httpd-vhosts.conf

și o lăsăm așa:

Include etc/extra/httpd-vhosts.conf

Acum mergem la dosar /opt/lampp/etc/extra/httpd-vhosts.conf care ar trebui să aibă așa ceva:

# folosiți numai gazde virtuale bazate pe nume, astfel încât serverul să nu fie nevoie să vă faceți griji cu privire la # de adrese IP. Acest lucru este indicat de asteriscurile din directivele de mai jos. # # Vă rugăm să consultați documentația la # # pentru detalii suplimentare înainte de a încerca să configurați gazde virtuale. # # Puteți utiliza opțiunea din linia de comandă „-S” pentru a verifica # configurația gazdei dvs. virtuale. # # Exemplu VirtualHost: # Aproape orice directivă Apache poate intra într-un container VirtualHost. # Prima secțiune VirtualHost este utilizată pentru toate cererile care nu # se potrivesc cu un ServerName sau ServerAlias ​​în niciun bloc. # 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 "comun 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 „jurnale / dummy-host2.example.com-access_log” comun

O modificăm și o lăsăm astfel:

# folosiți numai gazde virtuale bazate pe nume, astfel încât serverul să nu fie nevoie să vă faceți griji cu privire la # de adrese IP. Acest lucru este indicat de asteriscurile din directivele de mai jos. # # Vă rugăm să consultați documentația la # # pentru detalii suplimentare înainte de a încerca să configurați gazde virtuale. # # Puteți utiliza opțiunea din linia de comandă „-S” pentru a verifica # configurația gazdei dvs. virtuale. # # Exemplu VirtualHost: # Aproape orice directivă Apache poate intra într-un container VirtualHost. # Prima secțiune VirtualHost este utilizată pentru toate cererile care nu # se potrivesc cu un ServerName sau ServerAlias ​​în niciun bloc. # DocumentRoot "/ acasă / cale / folder / proiect /" ServerName my_blog.dev Solicitați toate acordate

Evident, calea către folderul proiectului nostru trebuie specificată la înlocuire "/ Acasă / cale / folder / proiect /".

Instalare manuală LAMP

Acum, deși s-ar putea să nu pară așa, cred că este mai dificil să faci instalarea în modul anterior decât să instalezi pachetele direct din depozitele noastre. Pentru a avea aceeași stivă pe computerul nostru, trebuie doar să deschidem un terminal și să punem:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Doar cu aceste 3 pachete, vor fi instalate dependențele necesare pentru a începe să lucreze cu minimul necesar la dezvoltare.

DNS personalizat și gazdă virtuală cu LAMP

Din partea DNS (Domain Name Server) păstrăm totul la fel, adică adăugăm numele fișierelor noastre de testare în fișier / Etc / hosts. Acum, în cazul Apache, calea VHost (gazde virtuale) este diferită.

În mod normal, ceea ce se face este să plasăm ceea ce punem în fișier /opt/lampp/etc/extra/httpd-vhosts.conf în traseu /etc/apache2/sites-available/vhostname.confși apoi se face o legătură simbolică către acel fișier din folder / etc / apache2 / sites-enabled / dar nu vom complica. Vom pune direct fișierul în / etc / apache2 / sites-enabled / cu următoarea configurație:

$ sudo vim /etc/apache2/sites-enabled/dev.prnza.com.conf DocumentRoot "/ acasă / cale / folder / proiect /" ServerName my_blog.dev Solicitați toate acordate

Cred că este valabil să clarificăm că atunci când instalăm manual, calea implicită a folderelor site-ului web este / var / www / http /.

Instalarea NodeJS și Ruby

Dacă folosim NodeJS o Rubin (în loc de PHP și Perl) putem instala manual pachetele rulând în consolă:

$ sudo apt install nodejs ruby

Și dacă mai au nevoie de pachete, trebuie doar să o caute executând managerul de pachete sau în consolă:

$ sudo apt search paquete a buscar

Până la această parte avem deja partea din partea serverului pregătită pentru sandbox-ul nostru, acum să vedem câteva dintre aplicațiile pe care le putem folosi.

Instrumente de dezvoltare web

În depozite avem câteva aplicații care ne vor permite să lucrăm confortabil când vine vorba de HTML, CSS, JS și altele. Printre acestea avem:

• bluefish
• Geany
• gedit
• Kate

ființă Bluefish (după părerea mea) cea mai completă când vine vorba de muncă În față, dar vă recomand să instalați aplicații terțe care ne oferă mult mai multe funcționalități. Avem de exemplu Console, SublimeText o Komodo-Edit. Toate aceste aplicații au propriul pachet de instalare pentru Ubuntu, cu excepția Komodo-Edit, care trebuie doar să fie dezarhivat și să ruleze un fișier .sh.

(… in proces …)