Připravte Ubuntu (nebo jinou distribuci) na vývoj webu

Kromě mýtů, přesvědčení nebo názoru, že použití GNU / Linuxu je komplikované, považuji to za vynikající operační systém pro ty, kteří jsou vývojáři, zejména webové vývojáře.

Měl jsem příležitost konverzovat s mnoha lidmi, kteří dávají přednost OS X a dokonce i Windows vyvíjet, jak se říká, kvůli jeho snadnosti a jeho nástrojům, a přestože je to velmi individuální názor každého člověka, věřím, že jakákoli distribuce GNU / Linux nebo alespoň ty nejpopulárnější nabízí vše, co potřebujete k instalaci a práci.

[quote] Nejpopulárnější distribuce nabízejí všechny potřebné balíčky ve svých úložištích pro webového vývojáře. [/ quote]

Nyní, v otázce vývoje existuje dilema, je velmi aktualizovaná distribuce jako Antergos nebo takový, který udržuje rovnováhu mezi stabilním a aktuálním stavem ubuntu?

Uvádím velmi jednoduchý příklad Důvěryhodný Ubuntu nejnovější verze Netbeans je 7.0.1, v archlinux je k dispozici verze 8.0.2. Totéž se děje s NodeJS a další balíčky, které uvidíme níže, které jsou široce používány přední konec.

Každopádně je na každém rozhodnutí zvolit rozdělení svých preferencí podle práce, která má být provedena. U tohoto článku začneme od instalace Ubuntu a protože je zaměřen na nové uživatele, ukážeme si postup krok za krokem.

Nainstalujte si Ubuntu 14.04

První věcí, kterou uděláme, je stáhnout instalační obraz Ubuntu z jeho oficiálního webu. Níže uvedený odkaz vám umožní zvolit, zda chcete stáhnout 32bitovou nebo 64bitovou iso.

Stáhněte si Ubuntu

Jakmile si jej stáhneme, musíme „vypálit“ DVD se staženým iso nebo připravit flash paměť na zavedení a instalaci z ní. Ve Windows to dokážeme následovně tento průvodce a na počítačích Mac Tento druhý. Jakmile to provedete, restartujeme počítač a začneme s pamětí nebo DVD.

Kroky instalace Ubuntu 14.04

Pokud si nejste jisti, jak nainstalovat Ubuntu bez ztráty dat, můžete jej nainstalovat pomocí virtuálního počítače ve VirtualBoxu nebo zálohovat všechna data na bezpečném místě, pokud je to možné, na externí disk

První věcí je vybrat jazyk, se kterým chceme instalovat Ubuntu:

Vývojáři Ubuntu

Později uvidíme, jestli máme všechny potřebné požadavky na instalaci:

Ubuntu_Development2

Později přejdeme na rozdělení pevného disku. Pokud s tím nemáte zkušenosti, je lepší po zálohování dat nechat vše jako výchozí.

Ubuntu_Development3

Vybereme časové pásmo:

Ubuntu_Development4

Vybereme jazyk naší klávesnice:

Ubuntu_Development5

Definujeme naše uživatelské jméno, název našeho počítače, naše heslo:

Ubuntu_Development6

A čekáme, až to skončí:

Ubuntu_Development7

Po dokončení instalačního programu restartujeme počítač a vstoupíme do relace. Můžeme spustit Správce aktualizací nebo otevřít terminál a dát:

$ sudo apt update && sudo apt upgrade

A pokud není co aktualizovat, můžeme začít.

Příprava našeho pracovního prostoru na testování

Jelikož jsme vývojáři, chceme se soustředit pouze na to, co umíme: rozvíjet. Nezajímá nás, jak konfigurovat webový server nebo jak funguje databáze, chceme jen něco, co funguje a je snadné ho implementovat, abychom mohli začít psát kód.

Kdybychom museli psát pouze v HTML, CSS, JS, všechno by bylo jednodušší, ale někdy musíme mít testovací server pro kód v PHP, Ruby, DJango atd. Proto se doporučuje nastavit náš vlastní webový server. Naštěstí pro nás máme toto zařízení dvěma různými způsoby:

  1. Pomocí instalačního programu XAMPP co nám poskytuje Apache.
  2. použitím SVĚTLO Bitnami.

Instalace bitnami

Instalace LAMP přes Bitnami už jsme to viděli v předchozím článku, proto nebude nutné se jím v tomto článku zabývat. Jakmile je Bitnami nainstalován, můžeme náš testovací server spravovat prostřednictvím webového prohlížeče.

BitNami

Veškerou potřebnou dokumentaci o tom, jak funguje Bitnami, najdete na jeho wiki.

Instalace XAMPP

Instalační program XAMPP také pochází z Bitnami, ale proces instalace je poněkud odlišný, takže ho uvidíme krok za krokem. První věcí je samozřejmě stáhnout soubor, který nás zajímá, podle architektury našeho procesoru:

XAMPP 32 bitů
XAMPP 64 bitů

Po stažení otevřete terminál a přistupujeme ke složce, kde je soubor, kterému udělíme oprávnění ke spuštění. V případě 64bitového souboru by to bylo:

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

Nyní jej ve stejném terminálu provádíme:

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

Postupujeme podle následujících kroků.

Ve výchozím nastavení je vhodné přijmout vše tak, jak to přichází, k tomu musíme dát pouze vstoupit

XAMPP

Na předchozím obrázku se nás zeptal, zda chceme nainstalovat soubory pro vývojáře, a na pozdějším, pokud souhlasíme s výběrem, který jsme vybrali.

xampp1

Nyní se nás ptá na cestu, kam chceme nainstalovat (ve výchozím nastavení je to v / opt / lampp), a přestože ji můžeme změnit, doporučuji ji nechat tak, jak je.

xampp2

Před zahájením instalace ještě jeden kontrolní krok

xampp3

Instalace XAMPP

xampp5

Instalace dokončena.

xampp6

Abychom mohli spustit XAMPP, musíme spustit:

$ sudo / opt / lampp / lampp start Spuštění XAMPP pro Linux 5.5.19-0 ... XAMPP: Spuštění Apache ... ok. XAMPP: Spouštění MySQL ... ok. XAMPP: Spouštění ProFTPD ... ok.

A tímto způsobem již máme spuštěný náš server Apache + MySQL + PHP + Perl. Pokud máte problém, doporučuji navštívit FAQ.

Vlastní DNS a virtuální hostitel s XAMPP

Za předpokladu, že na našem testovacím serveru máme hostovaných několik webů, můžeme nastavit, aby se každý z nich zobrazoval lokálně v souboru / Etc / hosts. Vezměme si příklad, řekněme, že máme web dev.tests.com, co děláme, je otevřít soubor / Etc / hosts s naším oblíbeným textovým editorem (a jako root) a přidejte jej následujícím způsobem:

$ sudo vim /etc/hosts

a přidáme řádek:

127.0.0.1   dev.prueba.com

Ale to samozřejmě nestačí, protože Apache to musíme říct, když o to někdo požádá dev.test.com Pro verzi 127.0.0.1 musíte vrátit naše testovací stránky.

Soubor upravíme /opt/lampp/etc/httpd.conf

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

a odkomentujte (odstranění znaku libry) řádek, který říká:

# Include etc/extra/httpd-vhosts.conf

a necháme to takto:

Include etc/extra/httpd-vhosts.conf

Nyní přejdeme k souboru /opt/lampp/etc/extra/httpd-vhosts.conf který by měl mít něco takového:

# používejte pouze virtuální hostitele založené na jménech, takže se server nemusí starat o # IP adresy. To je označeno hvězdičkami v níže uvedených směrnicích. # # Přečtěte si prosím dokumentaci na # # pro další podrobnosti, než se pokusíte nastavit virtuální hostitele. # # Můžete použít volbu příkazového řádku '-S' k ověření vaší konfigurace virtuálního hostitele #. # # Příklad VirtualHost: # Téměř každá směrnice Apache může přejít do kontejneru VirtualHost. # První část VirtualHost se používá pro všechny požadavky, které se # neshodují s ServerName nebo ServerAlias ​​v žádném 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 "logy / dummy -host.example.com-error_log "CustomLog" logy / dummy-host.example.com-access_log "společné ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dummy-host80.example.com ErrorLog "logy / dummy-host2.example.com-error_log" CustomLog „logs / dummy-host2.example.com-access_log“ běžné

Upravíme to a necháme to takto:

# používejte pouze virtuální hostitele založené na jménech, takže se server nemusí starat o # IP adresy. To je označeno hvězdičkami v níže uvedených směrnicích. # # Přečtěte si prosím dokumentaci na # # pro další podrobnosti, než se pokusíte nastavit virtuální hostitele. # # Můžete použít volbu příkazového řádku '-S' k ověření vaší konfigurace virtuálního hostitele #. # # Příklad VirtualHost: # Téměř každá směrnice Apache může přejít do kontejneru VirtualHost. # První část VirtualHost se používá pro všechny požadavky, které se # neshodují s ServerName nebo ServerAlias ​​v žádném bloku. # DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Vyžadovat vše uděleno

Je zřejmé, že při nahrazování musí být uvedena cesta k naší složce projektu „/ Domů / cesta / složka / projekt /“.

Ruční instalace lampy

Nyní, i když se to nemusí zdát, si myslím, že je těžší provést instalaci předchozím způsobem než instalovat balíčky přímo z našich úložišť. Abychom měli stejný stack na našem PC, musíme otevřít terminál a dát:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Pouze u těchto 3 balíčků budou nainstalovány nezbytné závislosti, aby bylo možné začít pracovat s minimem požadovaným při vývoji.

Vlastní DNS a virtuální hostitel s LAMP

Na straně DNS (Domain Name Server) udržujeme vše stejné, to znamená, že do souboru přidáme názvy našich testovacích webů / Etc / hosts. Nyní je v případě Apache cesta VHost (Virtual Hosts) jiná.

Obvykle se dělá to, co se vloží do souboru /opt/lampp/etc/extra/httpd-vhosts.conf v trase /etc/apache2/sites-available/vhostname.confa poté se ve složce vytvoří symbolický odkaz na tento soubor / etc / apache2 / sites-enabled / ale nebudeme to komplikovat. Soubor vložíme přímo / etc / apache2 / sites-enabled / s následující konfigurací:

$ sudo vim /etc/apache2/sites-enabled/dev.pruebe.com.conf DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Vyžadovat vše uděleno

Myslím, že je platné objasnit, že když instalujeme ručně, výchozí cesta ke složkám webových stránek je / var / www / http /.

Instalace NodeJS a Ruby

Pokud použijeme NodeJS o Rubín (namísto PHP a Perl) můžeme balíčky ručně nainstalovat spuštěním v konzole:

$ sudo apt install nodejs ruby

A pokud potřebují další balíčky, stačí je vyhledat spuštěním správce balíčků nebo v konzole:

$ sudo apt search paquete a buscar

Dokud tuto část již nebudeme mít na straně serveru připravenou pro naši karanténu, podívejme se nyní na některé z aplikací, které můžeme použít.

Nástroje pro vývoj webu

V úložištích máme některé aplikace, které nám umožní pohodlně pracovat, pokud jde o HTML, CSS, JS a další. Mezi nimi máme:

  • Bluefish
  • Geany
  • Gedit
  • Kate

Být BlueFish (podle mého názoru) nejúplnější, pokud jde o práci přední konec, ale doporučuji instalovat aplikace třetích stran, které nám nabízejí mnohem více funkcí. Máme například Konzoly, SublimeText o Komodo-Edit. Všechny tyto aplikace mají svůj vlastní instalační balíček pro Ubuntu, kromě Komodo-Edit, který musí být pouze rozbalen a spuštěn soubor .sh.

(… v procesu …)