Подгответе Ubuntu (или друг дистрибутор) за уеб разработка

Отвъд митовете, вярванията или мнението, че GNU / Linux е сложен за използване, аз го смятам за отлична операционна система за тези, които са разработчици, особено уеб разработчици.

Имах възможността да разговарям с много хора, които предпочитат OS X и дори Windows да се развиват, както се казва, поради неговата лекота и неговите инструменти и въпреки че това е много индивидуално мнение на всеки човек, аз вярвам, че всяка GNU / Linux дистрибуция или поне най-популярните, предлагат всичко необходимо за инсталиране и работа.

[quote] Най-популярните дистрибуции предлагат всички необходими пакети в своите хранилища за уеб разработчик. [/ quote]

Сега, по въпроса за развитието има една дилема, е много актуализирана дистрибуция като Antergos или такъв, който поддържа баланс между стабилен и актуален като Ubuntu?

Дадох много прост пример, докато в Доверен в Ubuntu най - новата версия на Netbeans е 7.0.1, in ArchLinux налична е версия 8.0.2. Същото се случва и с NodeJS и други пакети, които ще видим по-долу, които са широко използвани от преден край.

Както и да е, решението на всеки е да избере разпределението на предпочитанията си според работата, която трябва да се извърши. За тази статия ще започнем от инсталация на Ubuntu и тъй като тя е фокусирана върху нови потребители, ще покажем процеса стъпка по стъпка.

Инсталирайте Ubuntu 14.04

Първото нещо, което ще направим, е да изтеглим инсталационния образ на Ubuntu от официалния му уебсайт. Връзката по-долу ще ви позволи да изберете дали да изтеглите 32-битова или 64-битова iso.

След като го изтеглим, трябва да „запишем“ DVD със изтегления iso или да подготвим Flash памет за зареждане и инсталиране от него. В Windows можем да го направим, като следваме това ръководство и на Mac Това друго. След като това стане, рестартираме компютъра и стартираме през паметта или DVD-то.

Стъпки за инсталиране на Ubuntu 14.04

Първото нещо е да изберете езика, с който искаме да инсталираме Ubuntu:

По-късно ще видим дали имаме всички необходими изисквания за инсталацията:

По-късно преминаваме към разделяне на твърдия диск. Ако нямате опит с това, за предпочитане е да оставите всичко по подразбиране, след като направите резервно копие на данните си.

Ние избираме часовата зона:

Ние избираме езика на нашата клавиатура:

Ние определяме нашето потребителско име, името на нашия компютър, нашата парола:

И чакаме да завърши:

След като инсталаторът приключи, рестартираме компютъра и влизаме в нашата сесия. Можем да стартираме Update Manager или да отворим терминал и да поставим:

$ sudo apt update && sudo apt upgrade

И ако няма какво да се актуализира, можем да започнем.

Подготовка на нашето работно пространство за тестване

Тъй като ние сме разработчици, ние искаме да се съсредоточим само върху това, което знаем как да правим: развият. Не ни интересува как да конфигурираме уеб сървър или как работи базата данни, ние просто искаме нещо, което работи и е лесно за изпълнение, за да започнем да пишем код.

Ако трябваше да пишем само в HTML, CSS, JS, всичко би било по-просто, но понякога трябва да имаме тестов сървър за код в PHP, Ruby, DJango и т.н. Затова е най-добре да създайте наш собствен уеб сървър. За наш късмет имаме това съоръжение по два различни начина:

1. Използване на инсталатора XAMPP това, което ни осигурява Apache.
2. използване ЛАМПА Bitnami.

Инсталиране на Bitnami

Инсталацията на LAMP чрез Bitnami вече го видяхме в предишна статия, следователно няма да е необходимо да се обърнете към нея в тази статия. След като Bitnami е инсталиран, можем да управляваме нашия тестов сървър чрез уеб браузъра.

Цялата необходима документация за това как работи Bitnami може да бъде намерена на неговата wiki.

Инсталиране на XAMPP

Инсталаторът на XAMPP също идва от Bitnami, но процесът на инсталиране е малко по-различен, така че ще преминем през него стъпка по стъпка. Първото нещо, разбира се, е да изтеглите файла, който ни интересува според архитектурата на нашия процесор:

Веднъж изтеглени, ние отваряме терминал и влизаме в папката, където е файлът, на който ще дадем разрешения за изпълнение. В случая с 64-битовия файл би било:

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

Сега в същия терминал го изпълняваме:

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

И следваме следните стъпки.

В предишното изображение той ни попита дали искаме да инсталираме файловете за разработчици, а в по-късното, ако сме съгласни с избраната от нас селекция.

Сега ни пита пътя, където искаме да инсталираме (по подразбиране е в / opt / lampp), и въпреки че можем да го променим, препоръчвам да го оставите както е.

Още една стъпка за проверка, преди да започнете да инсталирате

Инсталиране на XAMPP

Инсталацията завърши.

Сега, за да стартираме XAMPP, просто трябва да изпълним:

$ sudo / opt / lampp / lampp start Стартиране на XAMPP за Linux 5.5.19-0 ... XAMPP: Стартиране на Apache ... добре. XAMPP: Стартиране на MySQL ... добре. XAMPP: Стартиране на ProFTPD ... добре.

И по този начин вече имаме работещ сървър Apache + MySQL + PHP + Perl. Ако имате проблем, препоръчвам ви да посетите често задаваните въпроси.

Персонализиран DNS и виртуален хост с XAMPP

Ако приемем, че имаме няколко сайта, хоствани на нашия тестов сървър, можем да настроим всеки от тях да се преглежда локално във файла / Etc / hosts. Да вземем пример, да речем, че имаме сайта dev.tests.com, това, което правим, е да отворим файла / Etc / hosts с нашия любим текстов редактор (и като root) и го добавете по следния начин:

$ sudo vim /etc/hosts

и добавяме реда:

127.0.0.1   dev.prueba.com

Но, разбира се, това не е достатъчно, защото трябва да кажем на Apache, че когато някой направи заявка dev.test.com За 127.0.0.1 трябва да върнете нашия тестов сайт.

Редактираме файла /opt/lampp/etc/httpd.conf

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

и разкоментирайте (премахване на знака за паунда) реда, който казва:

# Include etc/extra/httpd-vhosts.conf

и го оставяме така:

Include etc/extra/httpd-vhosts.conf

Сега отиваме към файла /opt/lampp/etc/extra/httpd-vhosts.conf които трябва да имат нещо подобно:

# използвайте само базирани на имена виртуални хостове, така че сървърът да не се нуждае от # IP адреси. Това е отбелязано със звездичките в директивите по-долу. # # Моля, вижте документацията на # # за допълнителни подробности, преди да се опитате да настроите виртуални хостове. # # Можете да използвате опцията на командния ред '-S', за да проверите конфигурацията на вашия виртуален хост #. # # Пример за VirtualHost: # Почти всяка директива на Apache може да влезе в контейнер на VirtualHost. # Първият раздел VirtualHost се използва за всички заявки, които не # съвпадат с ServerName или ServerAlias ​​във всеки блок. # 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 "дневници / dummy -host.example.com-error_log "CustomLog" дневници / dummy-host.example.com-access_log "често ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dummy-host80.example.com ErrorLog "дневници / dummy-host2.example.com-error_log" CustomLog "logs / dummy-host2.example.com-access_log" често

Ние го модифицираме и оставяме по следния начин:

# използвайте само виртуални хостове, базирани на имена, така че сървърът не трябва да се притеснява за # IP адреси. Това е посочено със звездичките в директивите по-долу. # # Моля, вижте документацията на # # за допълнителни подробности, преди да се опитате да настроите виртуални хостове. # # Можете да използвате опцията на командния ред '-S', за да проверите конфигурацията на вашия виртуален хост #. # # Пример за VirtualHost: # Почти всяка директива на Apache може да влезе в контейнер на VirtualHost. # Първият раздел VirtualHost се използва за всички заявки, които не # съвпадат с ServerName или ServerAlias ​​във всеки блок. # DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Изискване на всички предоставени

Очевидно пътят до нашата папка на проекта трябва да бъде посочен при подмяна "/ Начало / път / папка / проект /".

Ръчно инсталиране на лампа

Сега, въпреки че може да не изглежда така, мисля, че е по-тромаво да се направи инсталацията по предишния начин, отколкото да се инсталират пакетите директно от нашите хранилища. За да имаме същия стек на нашия компютър, просто трябва да отворим терминал и да поставим:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Само с тези 3 пакета ще бъдат инсталирани необходимите зависимости, за да започне работа с минимално необходимия при разработването.

Персонализиран DNS и виртуален хост с LAMP

От страна на DNS (Domain Name Server) поддържаме всичко едно и също, тоест добавяме имената на нашите тестови сайтове във файла / Etc / hosts. Сега, в случая с Apache, пътят на VHost (виртуални хостове) е различен.

Обикновено това, което се прави, е да поставим това, което сме поставили във файла /opt/lampp/etc/extra/httpd-vhosts.conf в маршрута /etc/apache2/sites-available/vhostname.confи след това се прави символична връзка към този файл в папката / и т.н. / apache2 / обекти с разрешени / но няма да усложняваме. Ние директно ще поставим файла / и т.н. / apache2 / обекти с разрешени / със следната конфигурация:

$ sudo vim /etc/apache2/sites-enabled/dev.prnza.com.conf DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Изискване на всички предоставени

Мисля, че е валидно да се изясни, че когато инсталираме ръчно, пътят по подразбиране на папките на уебсайта е / var / www / http /.

Инсталация на NodeJS и Ruby

Ако използваме NodeJS o Руби (вместо PHP и Perl) можем ръчно да инсталираме пакетите, като изпълним в конзолата:

$ sudo apt install nodejs ruby

И ако се нуждаят от още пакети, те просто трябва да го търсят, като стартират мениджъра на пакети или в конзолата:

$ sudo apt search paquete a buscar

До тази част вече имаме готовата за сървъра част за нашата пясъчник, сега нека видим някои от приложенията, които можем да използваме.

Инструменти за уеб разработка

В хранилищата имаме някои приложения, които ще ни позволят да работим комфортно, когато става въпрос за HTML, CSS, JS и други. Сред тях имаме:

• Лефер
• Geany
• Gedit
• Кейт

същество синя риба (според мен) най-пълната, когато става въпрос за работа преден край, но препоръчвам да инсталирате приложения на трети страни, които ни предлагат много повече функционалност. Имаме например Скоби, SublimeText o Комодо-Редактиране. Всички тези приложения имат свой собствен инсталационен пакет за Ubuntu, с изключение на Komodo-Edit, който трябва само да се разархивира и да се изпълни .sh файл.

(… в процес …)