Pripremite Ubuntu (ili drugi distro) za web razvoj

Osim mitova, vjerovanja ili mišljenja da je GNU / Linux složen za upotrebu, smatram da je to izvrstan operativni sistem za one koji su programeri, posebno web programeri.

Imao sam priliku da razgovaram sa mnogim ljudima koji više vole OS X i čak Windows da se razvije, kako kažu, zbog svoje lakoće i svojih alata, i premda je to vrlo individualno mišljenje svake osobe, vjerujem da bilo koja GNU / Linux distribucija ili barem ona najpopularnija nudi sve što je potrebno za instalaciju i posao.

[quote] Najpopularnije distribucije nude sve potrebne pakete u svojim spremištima za web programera. [/ quote]

Sada, po pitanju razvoja postoji dilema, poput vrlo ažurirane distribucije Antergos ili onaj koji održava ravnotežu između stabilnog i ažuriranog kao Ubuntu?

Dao sam vrlo jednostavan primjer, dok sam bio u Ubuntu Trusted najnovija verzija Netbeans je 7.0.1, in ArchLinux Dostupna je verzija 8.0.2. Ista stvar se događa sa NodeJS i druge pakete koje ćemo vidjeti u nastavku i koje naširoko koriste prednji kraj.

Međutim, na svakoj je osobi da odabere raspodjelu svojih preferencija u skladu s poslom koji će obaviti. Za ovaj ćemo članak početi od Ubuntu instalacije, a budući da je usredotočen na nove korisnike, prikazat ćemo postupak korak po korak.

Instalirajte Ubuntu 14.04

Prvo što ćemo učiniti je preuzeti instalacijsku sliku Ubuntua sa njegove službene web stranice. Donja veza omogućit će vam da odaberete hoćete li preuzeti 32-bitni ili 64-bitni iso.

Preuzmite Ubuntu

Jednom kada ga preuzmemo, moramo "spaliti" DVD sa preuzetim iso-om ili pripremiti Flash memoriju za pokretanje i instaliranje s njega. U sustavu Windows to možemo učiniti slijedeći ovaj vodič i na Macu Ovo drugo. Nakon što to učinimo, ponovo pokrećemo računalo i pokrećemo kroz memoriju ili DVD.

Koraci instalacije Ubuntu 14.04

Ako niste sigurni kako instalirati Ubuntu bez gubitka podataka, možete ga instalirati pomoću virtualne mašine u VirtualBoxu ili, ako je moguće, sigurnosnu kopiju svih podataka na vanjski disk

Prva stvar je odabrati jezik s kojim želimo instalirati Ubuntu:

Ubuntu programeri

Kasnije ćemo vidjeti imamo li sve potrebne zahtjeve za instalaciju:

Ubuntu_Development2

Kasnije idemo na particioniranje tvrdog diska. Ako s tim nemate iskustva, poželjno je da sve ostavite prema zadanim postavkama nakon što napravite sigurnosnu kopiju podataka.

Ubuntu_Development3

Mi biramo vremensku zonu:

Ubuntu_Development4

Biramo jezik naše tastature:

Ubuntu_Development5

Mi definiramo naše korisničko ime, ime našeg računara, našu lozinku:

Ubuntu_Development6

I čekamo da završi:

Ubuntu_Development7

Nakon što instalacijski program završi, ponovo pokrećemo računar i ulazimo u našu sesiju. Možemo pokrenuti Update Manager ili otvoriti terminal i staviti:

$ sudo apt update && sudo apt upgrade

A ako se nema šta ažurirati, možemo početi.

Priprema našeg radnog prostora za testiranje

Kako smo programeri, želimo se usredotočiti samo na ono što znamo: razvijati. Ne zanima nas kako konfigurirati web poslužitelj ili kako radi baza podataka, mi samo želimo nešto što radi i što je lako implementirati da započnemo pisati kod.

Da pišemo samo u HTML-u, CSS-u, JS-u, sve bi bilo jednostavnije, ali ponekad moramo imati testni server za kôd u PHP-u, Ruby-u, DJango-u itd. Stoga se preporučuje postavite vlastiti web server. Na našu sreću imamo ovaj objekat na dva različita načina:

  1. Korištenje instalacijskog programa XAMPP ono što nam pruža apaš.
  2. Upotreba LAMPA Bitnami.

Instaliranje Bitnamija

Instalacija LAMP-a putem Bitnamija već smo to vidjeli u prethodnom članku, stoga neće biti potrebno to obrađivati ​​u ovom članku. Jednom kada je Bitnami instaliran, našim testnim serverom možemo upravljati putem web pretraživača.

BitNami

Svu potrebnu dokumentaciju o tome kako Bitnami radi možete pronaći na njegov wiki.

Instalacija XAMPP-a

XAMPP instalacijski program također dolazi iz Bitnamija, ali postupak instalacije je malo drugačiji, pa ćemo ga proći korak po korak. Prva stvar je naravno da preuzmete datoteku koja nas zanima u skladu sa arhitekturom našeg procesora:

XAMPP 32 bita
XAMPP 64 bita

Nakon preuzimanja otvaramo terminal i pristupamo mapi u kojoj se nalazi datoteka, kojoj ćemo dati dozvole za izvršenje. U slučaju 64-bitne datoteke to bi bilo:

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

Sada ga na istom terminalu izvršavamo:

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

I slijedimo sljedeće korake.

Preporučljivo je prihvatiti sve onako kako standardno dolazi, jer za to moramo samo dati ući

XAMPP

Na prethodnoj slici pitao nas je želimo li instalirati datoteke za programere, a na kasnijoj ako se slažemo s odabirom koji smo odabrali.

xampp1

Sada nas pita put na koji želimo instalirati (po defaultu je u / opt / lampp), i premda ga možemo promijeniti, preporučujem da ga ostavite kakav jest.

xampp2

Još jedan korak provjere prije početka instalacije

xampp3

Instaliranje XAMPP-a

xampp5

Instalacija završena.

xampp6

Sada, da bismo pokrenuli XAMPP, samo moramo izvršiti:

$ sudo / opt / lampp / lampp start Pokretanje XAMPP-a za Linux 5.5.19-0 ... XAMPP: Pokretanje Apache-a ... ok. XAMPP: Pokretanje MySQL-a ... ok. XAMPP: Pokretanje ProFTPD-a ... ok.

I na ovaj način već imamo pokrenut naš Apache + MySQL + PHP + Perl server. Ako imate problem, preporučujem da posjetite FAQ.

Prilagođeni DNS i virtualni host sa XAMPP

Pod pretpostavkom da imamo nekoliko web lokacija hostiranih na našem testnom serveru, možemo postaviti svaku od njih da se lokalno pregledavaju u datoteci / etc / hosts. Uzmimo primjer, recimo da imamo stranicu dev.tests.com, ono što mi radimo je da otvorimo datoteku / etc / hosts s našim omiljenim uređivačem teksta (i kao root) i dodajte ga na sljedeći način:

$ sudo vim /etc/hosts

i dodajemo red:

127.0.0.1   dev.prueba.com

Ali to naravno nije dovoljno, jer to moramo reći Apacheu kad neko podnese zahtjev dev.test.com Za 127.0.0.1, morate vratiti našu test lokaciju.

Mi uređujemo datoteku /opt/lampp/etc/httpd.conf

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

i raskomentirajte (uklanjanje znaka funte) redak koji kaže:

# Include etc/extra/httpd-vhosts.conf

i ostavljamo ovako:

Include etc/extra/httpd-vhosts.conf

Sada idemo na datoteku /opt/lampp/etc/extra/httpd-vhosts.conf koja bi trebala imati otprilike ovo:

# koristite samo virtualne hostove zasnovane na imenima, tako da server ne mora brinuti o # IP adresama. Na to upućuju zvjezdice u donjim smjernicama. # # Molimo pogledajte dokumentaciju na # # za dodatne detalje prije nego što pokušate postaviti virtualne hostove. # # Možete koristiti opciju naredbenog retka '-S' za provjeru konfiguracije vašeg virtualnog hosta #. # # Primjer VirtualHost: # Gotovo svaka Apache direktiva može ući u spremnik VirtualHost. # Prvi odjeljak VirtualHost koristi se za sve zahtjeve koji se # ne podudaraju s ServerName ili ServerAlias ​​u bilo kojem bloku. # 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 "zapisnici / dummy -host.example.com-error_log "CustomLog" log / dummy-host.example.com-access_log "zajedničko ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dummy-host80.example.com ErrorLog "log / dummy-host2.example.com-error_log" CustomLog "logs / dummy-host2.example.com-access_log" zajedničko

Mi ga modificiramo i ostavljamo na ovaj način:

# koristite samo virtualne hostove zasnovane na imenima, tako da server ne mora brinuti o # IP adresama. Na to upućuju zvjezdice u donjim smjernicama. # # Molimo pogledajte dokumentaciju na # # za dodatne detalje prije nego što pokušate postaviti virtualne hostove. # # Možete koristiti opciju naredbenog retka '-S' za provjeru konfiguracije vašeg virtualnog hosta #. # # Primjer VirtualHost: # Gotovo svaka Apache direktiva može ući u spremnik VirtualHost. # Prvi odjeljak VirtualHost koristi se za sve zahtjeve koji se # ne podudaraju s ServerName ili ServerAlias ​​u bilo kojem bloku. # DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Zahtijevaj sve odobreno

Očito je da prilikom zamjene mora biti naveden put do mape našeg projekta "/ Početna / staza / direktorijum / projekat /".

Ručna instalacija LAMPE

Sada, iako se možda ne čini tako, mislim da je glomaznije raditi instalaciju na prethodni način nego instalirati pakete direktno iz naših spremišta. Da bismo imali isti Stack na našem računaru, jednostavno moramo otvoriti terminal i staviti:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Samo sa ova 3 paketa instalirat će se potrebne zavisnosti da bi se počelo raditi s minimumom potrebnim za razvoj.

Prilagođeni DNS i virtualni host sa LAMP-om

Na dijelu DNS-a (Domain Name Server) držimo sve isto, odnosno u datoteku dodajemo imena naših web lokacija za testiranje / etc / hosts. Sada je u slučaju Apache put VHost-a (virtualnih hostova) drugačiji.

Obično se ono što stavimo stavi u datoteku /opt/lampp/etc/extra/httpd-vhosts.conf u ruti /etc/apache2/sites-available/vhostname.conf, a zatim se uspostavlja simbolična veza do te datoteke u mapi / etc / apache2 / sites-enabled / ali nećemo komplicirati. Izravno ćemo staviti datoteku / etc / apache2 / sites-enabled / sa sljedećom konfiguracijom:

$ sudo vim /etc/apache2/sites-enabled/dev.pruebe.com.conf DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Zahtijevaj sve odobreno

Mislim da je valjano razjasniti da je zadana putanja mapa na web lokaciji kada instaliramo ručno / var / www / http /.

Instaliranje NodeJS i Ruby

Ako koristimo NodeJS o Rubin (umjesto PHP-a i Perla) možemo ručno instalirati pakete izvršavanjem u konzoli:

$ sudo apt install nodejs ruby

A ako im treba još paketa, jednostavno ga moraju potražiti pokretanjem upravitelja paketa ili u konzoli:

$ sudo apt search paquete a buscar

Sve dok ovaj dio već nemamo poslužiteljski dio spreman za naš pješčanik, sada ćemo vidjeti neke od aplikacija koje možemo koristiti.

Alati za web razvoj

U spremištima imamo neke aplikacije koje će nam omogućiti ugodan rad kada su u pitanju HTML, CSS, JS i drugi. Među njima imamo:

  • Bluefish
  • Geany
  • Gedit
  • Kate

Biti plava riba (po mom mišljenju) najkompletniji kada je posao u pitanju prednji kraj, ali preporučujem instaliranje nezavisnih aplikacija koje nam nude mnogo više funkcionalnosti. Imamo na primjer Nosači, SublimeText o Komodo-Edit. Sve ove aplikacije imaju vlastiti instalacijski paket za Ubuntu, osim Komodo-Edit, koji samo treba raspakirati i pokrenuti .sh datoteku.

(… u procesu …)


32 komentara, ostavi svoj

Ostavite komentar

Vaša e-mail adresa neće biti objavljena. Obavezna polja su označena sa *

*

*

  1. Za podatke odgovoran: Miguel Ángel Gatón
  2. Svrha podataka: Kontrola neželjene pošte, upravljanje komentarima.
  3. Legitimacija: Vaš pristanak
  4. Komunikacija podataka: Podaci se neće dostavljati trećim stranama, osim po zakonskoj obavezi.
  5. Pohrana podataka: Baza podataka koju hostuje Occentus Networks (EU)
  6. Prava: U bilo kojem trenutku možete ograničiti, oporaviti i izbrisati svoje podatke.

  1.   dhunter rekao je

    Da li još neko vidi duhova šišmiša na slici jarca iz ove verzije ubuntu-a?

    1.    živahno rekao je

      Hahaha istina je .. gledajući samo narančastu bradu i udubine njuške 😀

    2.    Ivan Barra rekao je

      Sad kad to spominjete ... to se zove "Pareidolia".

      O tome koji Distros odabrati prilikom programiranja prilično je složeno. "Nekada" je razvijen za nekoliko pretraživača i voila, jer je razvoj bio mnogo sporiji. Danas postoji neograničen broj pregledača i platformi na kojima se mogu razvijati WEB aplikacije, nazvati ASP.Net, PHP, JAVA itd. tamo gdje su aplikacije mnogo više transverzalne, pod tim mislim, ne pristupa im se samo sa tipičnih stolnih ili prijenosnih računara, već su već gotove (i želi se ista funkcionalnost) s tableta, mobitela itd.

      Vjerujem da je danas potrebno ostati u prvom planu, čuvajući prije svega stabilnost i sigurnost aplikacija, u tom smislu sam paranoičan, još uvijek me puno košta provesti, na primjer, bankarsku transakciju s drugog uređaja koji nije moj Mnogo puta se nadam da ću to učiniti na siguran način, čak i ako to zvuči nelogično.

      Drugi. Budimo iskreni: dobro je poznato da većina programera (barem onih koje ja znam), bilo da su to web, JAVA, BB.DD itd., Najmanje 80% koristi Unix platformu za programiranje. Ljudi koji bi bez svih alata koji se nude na platformi, otvoreno i besplatno, bili vrlo komplicirani pri kretanju naprijed. Takođe, sa sigurnošću mogu reći da je gotovo cijela WEB platforma, odnosno BB.DD. montiran je na Unix server, pa zar ne bi bilo logično da i drugi dio radi na isti način?

      Hvala na podjeli i pozdravu.

    3.    posilni rekao je

      Umukni ... ja sam Batman!

    4.    neysonv rekao je

      Izgleda mi kao sova, hahaha

      1.    živahno rekao je

        Tačno .. ovdje isto mislimo i nakon ponovnog pogleda

  2.   Hugo Santos rekao je

    Ja sam web programer uglavnom PHP, već nekoliko godina koristim Debian kao svoje radno okruženje, kao što je spomenuto u postu, odluka o tome koji će distro koristiti ovisi o svakoj osobi, a u Linuxovom razvojnom području ako pruža veliku broj alata koji olakšavaju život.

    Kao komentar, vidio sam na mnogim mjestima da neki programeri instaliraju XAMPP, LAMP i / ili slično, u Linuxu to nije potrebno činiti jer se sjećamo da je apache izvorni za Linux, na primjer instaliram samo apache2 i php5 na mom Debianu s tipičnim (aptitude install apache2 php5) i voila, više ne moram raditi ništa osim stavljanja svojih projekata u / var / www

    1.    živahno rekao je

      Tačno, ono što se događa pokušalo je učiniti "lako", iako u postu spominjem dvije metode 😉

    2.    Tecno-Integra automatizacija rekao je

      Pozdrav. Čini mi se u redu što instalirate apache2 i php5, ali osjećam da biste trebali staviti mysql i također Kako konfigurirate phpmyadmin? Hvala ti.

  3.   Marcos_tux rekao je

    Budimo iskreni, uprkos naporu da Dreamweaver pređe sve te programe, šteta je, ali u Linuxu nemamo nešto na vrhuncu ovog Adobe programa.

    1.    eliotime3000 rekao je

      Da, postoji (pa, djelomično), zove se Brackets i također uzima u obzir Vim i Emacs. : v

    2.    Taj kontejner zvan Dreamweaver rekao je

      Stavljanje smeća u kod, naravno da Dreamweaver prolazi pored svih

    3.    Hernan rekao je

      Dreamweaver je više za dizajnere nego za programere, za ljude koji rade s kodom previše je glomazan i spor. Mnogo je ugodnije koristiti program poput uzvišenog teksta, zagrada ili webStorm / phpStorm. Kad sam koristio Dreamweaver, imao sam problema, nakon što sam ostavio svoj kod spreman, prešao sam u mod dizajniranja, gdje se, ako postavim točku ili nešto pomaknem, Dreamweaver pobrine za potpuno rastavljanje mog koda koji sam ostavio tako uredan. Da ne kažem da je to plaćanje. Imam prijatelje dizajnere i za njih je to fantastično, jer mogu napraviti stranicu bez pisanja ijednog retka koda.

      1.    Edward rekao je

        breamweaver Hahaha Nikad neću naučiti s tim ako naučite izrezati

    4.    KZKG ^ Gaara rekao je

      Dreamwho? ... Baff, prijatelju, Artisteer, Dreamweaver, sve su to čista sranja, žao mi je što to tako kažem, ali to je istina.

      Stavili su sedamsto redaka bezvrijednog koda, puno tagova ili ciljeva koji nisu potrebni itd itd itd

      Zagrade, uzvišene, s bilo kojim od ovih više su nego dovoljne za obavljanje bilo kojeg CSS posla.

    5.    kdexneo rekao je

      Aptana Studio 3 je mnogo bolji od Dreamweavera.

    6.    živahno rekao je

      Šta si rekao? Dreamweaver? I takoooo queee essss?

    7.    sherpa90 rekao je

      Nadam se da vidite sav kôd smeća koji vas generira ... dreamweaver je za NEPROFESIONALE, tačka!

  4.   hazama rekao je

    Senzacionalni post, stvarno
    Felicidade

    1.    živahno rekao je

      Hvala 😉

  5.   peterczech rekao je

    Vaše informacije su vrlo korisne ... Hvala. Vraćate li se u vode Ubuntu / Debiana?

    1.    KZKG ^ Gaara rekao je

      HAHA, u srcu uvijek ima prostora za Debian, ali ... Ubuntu, ne mislim tako, hehehe

      1.    peterczech rekao je

        Nikad se ne zna 😀 😀

    2.    živahno rekao je

      Iako to nikada ne treba reći, NIKADA, stvarno ne mislim da ću se dugo, dugo, dugo vraćati u Debian.

  6.   Celzijus rekao je

    Jadna mačka to niko ne želi.

    1.    živahno rekao je

      Ko želi Java? 😛

  7.   Gabriel rekao je

    Mislim da se teme zbunjuju (opet), postoje vi koji ste samo dizajneri, drugi koji ste samo programeri, postoje obojica, ima i onih koji winbug vide "lakim" jer oni instaliraju sljedeći i "sve je postavljeno" (što implicira da mogu ili ne moraju raditi s vlasničkim i / ili licenciranim softverom), postoje oni koji su malo napredniji (i "hrabriji"), a znaju i linux i normalno rade s alatima koje pronađu između, i tako dugo itd., kao što dijelimo na ovom blogu, ideja je da se na gnu-línuxu razvije kakav god da je distro, pa se stoga koriste alati otvorenog izvora, osnovno pitanje (mislim) je da to ovisi o svakoj osobi, postoje alati mi ni ne znamo, ali kada želimo naučiti moramo uložiti nekoliko sati dok ga ne damo, a ako se osjećamo ugodno (bez obzira na to što drugi misle) bit ćemo sretni !! (:

    1.    rlsalgueiro rekao je

      takođe možete preuzeti verziju za php5.6.3
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-x64-5.6.3-0-installer.run
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-5.6.3-0-installer.run
      Ovisi o tome što razvijate ili kompatibilnosti koja vam je potrebna, da zadržim verziju 5.5 Jednostavno instaliram pakete koji se nalaze u repo-u i to je to, imam apache 2.4, php5.5.13 itd. Također je lako i druge biblioteke poput phpcs-a install, jasno je da mi se ljuska ljubi i više volim instalirati i konfigurirati sve stvari koje mogu.

      1.    rlsalgueiro rekao je

        Vidjeli ste ovaj projekt wpn-xm.org, bilo bi zanimljivo postići ovako nešto za linux, kažem integriran, jer koristim neke od tih alata, i žao mi je što mogu reći da, unatoč velikom broju biblioteka i da su hostovi gotovo svi montirani na apache promijenjeno za nginx. Pronašao sam wpn-xm u potrazi za alternativama LAMP-u i XAMPP-u i dobar je za radnu mašinu, nesumnjivo dobra alternativa. usput mi je žao zbog mog prethodnog komentara na W $ + chrome

  8.   Raul casari rekao je

    Vaš je doprinos vrlo zanimljiv, nastavite ga razvijati, cijenjen je

  9.   michael cardoza rekao je

    Pozdrav, ja sam novi u Ubuntuu, uvijek sam koristio windows, ali želim migrirati u linux okruženje pomoću Ubuntua, ali kada želim stvoriti mape ili staviti datoteke u htdocs kao u Windowsima, to mi ne dozvoljava ili postoje neke stvari da po narudžbi u Windowsima mogu to učiniti, ali u Ubuntuu ne mogu puno blokirati ili mi ne dopušta izmjene, ako koristim uzvišeno za kreiranje datoteka u htdocs-u, to mi ni ne dozvoljava, ako vi može mi pomoći, bio bih zahvalan.

  10.   Mont rekao je

    Može li mi neko pomoći?
    Prije mnogo godina držao sam mali kurs za web dizajn i svidio mi se, i iako su mi dali programe za Windows, nikada mi nisu dopustili da ih instaliram.
    Prije nekoliko mjeseci konačno sam se mogao prebaciti na Linux Ubuntu i ne mogu pronaći nijedan program
    Sjećam se da sam na kursu vidio tri programa
    Dreamweaver, Flash MX i još jedan koji je bio za retuširanje fotografija, ali ne mogu se sjetiti imena.
    Možete li navesti web lokacije za preuzimanje ili rute za instaliranje ekvivalenta onoga što sam vidio na tečaju?
    Hvala!
    Hvala.