Förbered Ubuntu (eller en annan distro) för webbutveckling

Utöver myterna, övertygelserna eller åsikten att GNU / Linux är komplicerat att använda, anser jag att det är ett utmärkt operativsystem för dem som är utvecklare, särskilt webbutvecklare.

Jag har haft möjlighet att prata med många som föredrar OS X och även fönster att utveckla, som de säger, på grund av dess lätthet och dess verktyg, och även om det är en mycket individuell åsikt för varje person, tror jag att alla GNU / Linux-distributioner eller åtminstone de mest populära, erbjuder allt du behöver för att installera och arbeta.

[quote] De mest populära distributionerna erbjuder alla nödvändiga paket i sina förråd för en webbutvecklare. [/ quote]

Nu, i utvecklingsfrågan finns ett dilemma, är en mycket uppdaterad distribution som Antergos eller en som upprätthåller en balans mellan stabil och uppdaterad ubuntu?

Jag lade ett mycket enkelt exempel när jag var i Ubuntu Trusted den senaste versionen av Netbeans är 7.0.1, in archlinux version 8.0.2 är tillgänglig. Samma sak händer med NodeJS och andra paket som vi kommer att se nedan som används i stor utsträckning av Frontend.

Hur som helst är det allas beslut att välja fördelningen av deras preferenser enligt det arbete som ska utföras. För den här artikeln kommer vi att starta från en Ubuntu-installation, och eftersom den är inriktad på nya användare kommer vi att visa processen steg för steg.

Installera Ubuntu 14.04

Det första vi ska göra är att ladda ner Ubuntu-installationsbilden från dess officiella webbplats. Länken nedan låter dig välja om du vill ladda ner en 32-bitars eller 64-bitars iso.

När vi väl har laddat ner den måste vi "bränna" en DVD med den nedladdade iso eller förbereda ett Flash-minne för att starta och installera från den. I Windows kan vi göra det genom att följa den här guiden och på Mac denna andra. När detta är klart startar vi om datorn och startar genom minnet eller DVD: n.

Installationssteg för Ubuntu 14.04

Det första är att välja det språk som vi vill installera Ubuntu med:

Senare kommer vi att se om vi har alla nödvändiga krav för installationen:

Senare går vi till partitionering av hårddisken. Om du inte har erfarenhet av detta föredrar du att du lämnar allt som standard när du har säkerhetskopierat dina data.

Vi väljer tidszonen:

Vi väljer språket på vårt tangentbord:

Vi definierar vårt användarnamn, namnet på vår dator, vårt lösenord:

Och vi väntar tills det är klart:

När installationen är klar startar vi om datorn och går in i vår session. Vi kan köra Update Manager eller öppna en terminal och sätta:

$ sudo apt update && sudo apt upgrade

Och om det inte finns något att uppdatera kan vi börja.

Förbereder vår arbetsyta för testning

Så eftersom vi är utvecklare vill vi bara fokusera på vad vi vet hur man gör: utveckla. Vi är inte intresserade av att veta hur man konfigurerar en webbserver eller hur en databas fungerar, vi vill bara ha något som fungerar och är enkelt att implementera för att börja skriva kod.

Om vi ​​bara skulle behöva skriva i HTML, CSS, JS, skulle allt vara enklare, men ibland måste vi ha en testserver för kod i PHP, Ruby, DJango, etc. Därför är det bäst att skapa vår egen webbserver. Lyckligtvis för oss har vi den här anläggningen på två olika sätt:

1. Använda installationsprogrammet XAMPP vad ger oss Apache.
2. med användning av LAMPA Bitnami.

Installerar Bitnami

LAMP-installationen via Bitnami vi såg det redan i en tidigare artikel är det därför inte nödvändigt att behandla det i den här artikeln. När Bitnami har installerats kan vi hantera vår testserver via webbläsaren.

All nödvändig dokumentation om hur Bitnami fungerar finns på hans wiki.

XAMPP-installation

XAMPP-installationsprogrammet kommer också från Bitnami, men installationsprocessen är lite annorlunda, så vi kommer att gå igenom det steg för steg. Det första är naturligtvis att ladda ner filen som intresserar oss enligt vår processors arkitektur:

När vi väl har laddat ner öppnar vi en terminal och får åtkomst till den mapp där filen finns, som vi ger körrättigheter till. När det gäller 64-bitarsfilen skulle det vara:

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

Nu i samma terminal kör vi det:

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

Och vi följer följande steg.

I den föregående bilden frågade den oss om vi ville installera filerna för utvecklare och i den senare om vi instämmer med det val vi valde.

Nu frågar den oss vägen där vi vill installera (som standard är den i / opt / lampp), och även om vi kan ändra den, rekommenderar jag att den lämnas som den är.

Ytterligare ett kontrollsteg innan installationen påbörjas

Installerar XAMPP

Installationen slutförd.

För att starta XAMPP måste vi bara utföra:

$ sudo / opt / lampp / lampp startar XAMPP för Linux 5.5.19-0 ... XAMPP: Startar Apache ... ok. XAMPP: Startar MySQL ... ok. XAMPP: Startar ProFTPD ... ok.

Och på det här sättet har vi redan vår Apache + MySQL + PHP + Perl-server igång. Om du har problem rekommenderar jag att du besöker FAQ.

Anpassad DNS och virtuell värd med XAMPP

Förutsatt att vi har flera webbplatser på vår testserver kan vi ställa in att var och en av dem ska visas lokalt i filen / Etc / hosts. Låt oss ta ett exempel, låt oss säga att vi har webbplatsen dev.tests.com, vad vi gör är att öppna filen / Etc / hosts med vår favorittextredigerare (och som root) och lägg till den på följande sätt:

$ sudo vim /etc/hosts

och vi lägger till raden:

127.0.0.1   dev.prueba.com

Men naturligtvis är det inte tillräckligt, för vi måste säga till Apache att när någon gör en begäran till dev.test.com För 127.0.0.1 måste du returnera vår testwebbplats.

Vi redigerar filen /opt/lampp/etc/httpd.conf

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

och avkommentera (ta bort pundtecknet) linjen som säger:

# Include etc/extra/httpd-vhosts.conf

och vi lämnar det så här:

Include etc/extra/httpd-vhosts.conf

Nu går vi till filen /opt/lampp/etc/extra/httpd-vhosts.conf som borde ha något så här:

# använd endast namnbaserade virtuella värdar så att servern inte behöver oroa sig för # IP-adresser. Detta indikeras av asteriskerna i direktiven nedan. # # Se dokumentationen på # # för mer information innan du försöker konfigurera virtuella värdar. # # Du kan använda kommandoradsalternativet '-S' för att verifiera din virtuella värd # -konfiguration. # # VirtualHost-exempel: # Nästan alla Apache-direktiv kan gå in i en VirtualHost-behållare. # Det första VirtualHost-avsnittet används för alla förfrågningar som inte # matchar ett ServerName eller ServerAlias ​​i något 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 "loggar / dummy -host.example.com-error_log "CustomLog" -loggar / dummy-host.example.com-access_log "vanligt ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dummy-host80.example.com ErrorLog "loggar / dummy-host2.example.com-error_log" CustomLog "logs / dummy-host2.example.com-access_log" vanligt

Vi modifierar det och lämnar det så här:

# använd endast namnbaserade virtuella värdar så att servern inte behöver oroa sig för # IP-adresser. Detta indikeras av asteriskerna i direktiven nedan. # # Se dokumentationen på # # för mer information innan du försöker konfigurera virtuella värdar. # # Du kan använda kommandoradsalternativet '-S' för att verifiera din virtuella värd # -konfiguration. # # VirtualHost-exempel: # Nästan alla Apache-direktiv kan gå in i en VirtualHost-behållare. # Det första VirtualHost-avsnittet används för alla förfrågningar som inte # matchar ett ServerName eller ServerAlias ​​i något block. # DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Kräv alla beviljade

Som det är logiskt måste sökvägen till mappen för vårt projekt anges när den byts ut "/ Hem / sökväg / mapp / projekt /".

Manuell installation av LAMP

Nu, även om det kanske inte verkar så, tycker jag att det är mer besvärligt att göra installationen på tidigare sätt än att installera paketen direkt från våra förråd. För att ha samma stack på vår dator måste vi bara öppna en terminal och sätta:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Endast med dessa tre paket kommer nödvändiga beroenden att installeras för att börja arbeta med det minsta som krävs vid utveckling.

Anpassad DNS och virtuell värd med LAMP

På den del av DNS (Domain Name Server) håller vi allt detsamma, det vill säga vi lägger till namnen på våra testplatser i filen / Etc / hosts. I fallet med Apache är vägen för VHost (virtuella värdar) annorlunda.

Normalt är vad som görs att placera det vi lägger i filen /opt/lampp/etc/extra/httpd-vhosts.conf i rutten /etc/apache2/sites-available/vhostname.conf, och sedan skapas en symbolisk länk till den filen i mappen / etc / apache2 / sites-aktiverade / men vi kommer inte att komplicera. Vi lägger in filen direkt / etc / apache2 / sites-aktiverade / med följande konfiguration:

$ sudo vim /etc/apache2/sites-enabled/dev.pruebe.com.conf DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Kräv alla beviljade

Jag tycker att det är giltigt att klargöra att när vi installerar manuellt är standardvägen för webbmapparna / var / www / http /.

Installation av NodeJS och Ruby

Om vi ​​använder NodeJS o Rubin (istället för PHP och Perl) kan vi installera paketen manuellt genom att köra i konsolen:

$ sudo apt install nodejs ruby

Och om de behöver fler paket måste de bara söka efter det genom att köra pakethanteraren eller i konsolen:

$ sudo apt search paquete a buscar

Fram till denna del har vi redan serverns sida redo för vår sandlåda, låt oss nu se några av de applikationer som vi kan använda.

Verktyg för webbutveckling

I förvaren har vi några applikationer som gör att vi kan arbeta bekvämt när det gäller HTML, CSS, JS och andra. Bland dem har vi:

• Blåfisk
• Geany
• gedit
• kate

vara Blåfisk (enligt min mening) den mest kompletta när det gäller arbete Frontend, men jag rekommenderar att du installerar tredjepartsapplikationer som erbjuder oss mycket mer funktionalitet. Vi har till exempel Konsoler, Sublimtext o Komodo-Edit. Alla dessa applikationer har ett eget installationspaket för Ubuntu, förutom Komodo-Edit, som bara måste packas upp och en .sh-fil körs.

(… pågående …)