Припремите Убунту (или други дистро) за веб развој

Поред митова, веровања или мишљења да је ГНУ / Линук сложен за употребу, сматрам да је то одличан оперативни систем за оне који су програмери, посебно веб програмери.

Имао сам прилику да разговарам са многим људима који више воле ОС па чак и виндовс да се развије, како кажу, због његове лакоће и његових алата, и иако је врло индивидуално мишљење сваког од њих, верујем да било која ГНУ / Линук дистрибуција или бар она најпопуларнија нуде све што је потребно за инсталацију и рад .

[куоте] Најпопуларније дистрибуције нуде све потребне пакете у својим спремиштима за веб програмера. [/ куоте]

Сада, када је у питању развојна дилема, постоји врло ажурирана дистрибуција Антергос или онај који одржава равнотежу између стабилног и ажурног као убунту?

Дао сам врло једноставан пример, док сам у Убунту Трусти најновија верзија Нетбеанс је 7.0.1, ин АрцхЛинук Доступна је верзија 8.0.2. Иста ствар се дешава са НодеЈС и друге пакете које ћемо видети у наставку и које нашироко користе Предњи крај.

У сваком случају, свака је одлука да одабере расподјелу својих жеља према послу који ће се обавити. За овај чланак ћемо кренути од Убунту инсталације, а пошто је усредсређен на нове кориснике, приказаћемо поступак корак по корак.

Инсталирајте Убунту 14.04

Прво што ћемо урадити је преузимање Убунту инсталационе слике са његове званичне веб странице. Линк испод ће вам омогућити да одаберете да ли желите да преузмете 32-битни или 64-битни исо.

Преузмите Убунту

Једном када га преузмемо, морамо „нарезати“ ДВД ​​са преузетим исо-ом или припремити Фласх меморију за покретање и инсталирање са њега. У оперативном систему Виндовс то можемо учинити следећи овај водич и на Мацу Ово друго. Када се то уради, поново покрећемо рачунар и започињемо кроз меморију или ДВД.

Кораци инсталације Убунту 14.04

Ако нисте сигурни како да инсталирате Убунту без губитка података, можете га инсталирати помоћу виртуелне машине у ВиртуалБоку или, ако је могуће, направити сигурносну копију свих података на спољном диску

Прва ствар је да одаберемо језик са којим желимо да инсталирамо Убунту:

Убунту програмери

Касније ћемо видети да ли имамо све потребне захтеве за инсталацију:

Убунту_Девелопмент2

Касније идемо на поделу чврстог диска. Ако нисте искусни са овим, пожељно је да све оставите подразумевано након што направите резервну копију података.

Убунту_Девелопмент3

Ми бирамо временску зону:

Убунту_Девелопмент4

Бирамо језик наше тастатуре:

Убунту_Девелопмент5

Ми дефинишемо наше корисничко име, име нашег рачунара, нашу лозинку:

Убунту_Девелопмент6

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

Убунту_Девелопмент7

Када се инсталациони програм заврши, поново покрећемо рачунар и улазимо у нашу сесију. Можемо покренути Упдате Манагер или отворити терминал и ставити:

$ sudo apt update && sudo apt upgrade

А ако се нема шта ажурирати, можемо почети.

Припрема нашег радног простора за тестирање

Па, пошто смо програмери, желимо да се фокусирамо само на оно што знамо: развијати. Не занима нас како да конфигуришемо веб сервер или како функционише база података, ми само желимо нешто што ради и што је лако имплементирати да започнемо писање кода.

Када бисмо морали писати само у ХТМЛ-у, ЦСС-у, ЈС-у, све би било једноставније, али понекад морамо имати пробни сервер за код у ПХП-у, Руби-у, ДЈанго-у итд. Стога се препоручује подесите сопствени веб сервер. На нашу срећу имамо овај објекат на два различита начина:

  1. Коришћење инсталационог програма КСАМПП оно што нам пружа апацхе.
  2. Коришћењем ЛАМП Битнами.

Инсталирање Битнамија

Инсталација ЛАМП-а преко Битнамија већ смо то видели у претходном чланку, стога неће бити потребно да се томе позабавимо у овом чланку. Једном када је Битнами инсталиран, нашим тест сервером можемо управљати путем веб прегледача.

БитНами

Сву потребну документацију о томе како Битнами ради можете пронаћи на његов вики.

Инсталација КСАМПП-а

Инсталатор КСАМПП такође долази из Битнамија, али поступак инсталације је нешто другачији, па ћемо га видети корак по корак. Прва ствар је наравно да преузмете датотеку која нас занима у складу са архитектуром нашег процесора:

КСАМПП 32 бита
КСАМПП 64 бита

Након преузимања, отварамо терминал и приступамо директоријуму у коме се налази датотека, којој ћемо дати дозволе за извршење. У случају 64-битне датотеке то би било:

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

Сада га на истом терминалу извршавамо:

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

И следимо следеће кораке.

Препоручљиво је прихватити све онако како подразумевано долази, јер за ово морамо само дати унети

КСАМПП

На претходној слици нас је питао да ли желимо да инсталирамо датотеке за програмере, а на каснијој ако се слажемо са избором који смо изабрали.

кампп1

Сада нас пита путању на коју желимо да инсталирамо (подразумевано је у / опт / лампп), и иако је можемо променити, препоручујем да је оставите такву каква јесте.

кампп2

Још један корак провере пре почетка инсталирања

кампп3

Инсталирање КСАМПП-а

кампп5

Инсталација завршена.

кампп6

Сада, да бисмо покренули КСАМПП, само морамо извршити:

$ судо / опт / лампп / лампп старт Покретање КСАМПП-а за Линук 5.5.19-0 ... КСАМПП: Покретање Апацхе-а ... ок. КСАМПП: Покретање МиСКЛ-а ... ок. КСАМПП: Покретање ПроФТПД ... ок.

И на овај начин већ имамо покренут наш Апацхе + МиСКЛ + ПХП + Перл сервер. Ако имате проблем, препоручујем да посетите ФАК.

Прилагођени ДНС и виртуелни хост са КСАМПП

Под претпоставком да имамо неколико веб локација хостованих на нашем тест серверу, можемо подесити да се свака од њих прегледа локално у датотеци / Етц / хостс. Узмимо пример, рецимо да имамо сајт дев.тестс.цом, оно што ми радимо је да отворимо датотеку / Етц / хостс помоћу нашег омиљеног уређивача текста (и као роот) и додајте га на следећи начин:

$ sudo vim /etc/hosts

и додајемо ред:

127.0.0.1   dev.prueba.com

Али то наравно није довољно, јер то морамо рећи Апацхеу када неко поднесе захтев дев.тест.цом За 127.0.0.1 морате да вратите нашу тест локацију.

Ми уређујемо датотеку /опт/лампп/етц/хттпд.цонф

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

и ми коментаришемо (уклањајући знак фунте) ред који каже:

# Include etc/extra/httpd-vhosts.conf

и остављамо овако:

Include etc/extra/httpd-vhosts.conf

Сада идемо на датотеку /опт/лампп/етц/ектра/хттпд-вхостс.цонф који би требало да имају отприлике ово:

# користите само виртуелне хостове засноване на именима, тако да сервер не треба да брине о # ИП адресама. То означавају звездице у доле наведеним упутствима. # # Молимо погледајте документацију на # # за додатне детаље пре него што покушате да подесите виртуелне хостове. # # Можете користити опцију командне линије '-С' да бисте верификовали конфигурацију свог виртуелног хоста #. # # Пример ВиртуалХост: # Скоро било која Апацхе директива може ући у ВиртуалХост контејнер. # Први одељак ВиртуалХост користи се за све захтеве који се # не подударају са СерверНаме или СерверАлиас у било ком блоку. # СерверАдмин вебмастер@думми-хост.екампле.цом ДоцументРоот "/опт/лампп/доцс/думми-хост.екампле.цом" СерверНаме думми-хост.екампле.цом СерверАлиас ввв.думми-хост.екампле.цом ЕррорЛог "лог / думми -хост.екампле.цом-еррор_лог "ЦустомЛог" лог / думми-хост.екампле.цом-аццесс_лог "цоммон СерверАдмин вебмастер@думми-хост2.4.екампле.цом ДоцументРоот "/опт/лампп/доцс/думми-хост80.екампле.цом" СерверНаме думми-хост80.екампле.цом ЕррорЛог "лог / думми-хост2.екампле.цом-еррор_лог" ЦустомЛог "логс / думми-хост2.екампле.цом-аццесс_лог" заједничко

Ми га модификујемо и остављамо овако:

# користите само виртуелне хостове засноване на именима, тако да сервер не треба да брине о # ИП адресама. На то упућују звездице у доле наведеним упутствима. # # Молимо погледајте документацију на # # за додатне детаље пре него што покушате да подесите виртуелне хостове. # # Можете користити опцију командне линије '-С' да бисте верификовали конфигурацију свог виртуелног хоста #. # # Пример ВиртуалХост: # Скоро свака Апацхе директива може ући у ВиртуалХост контејнер. # Први одељак ВиртуалХост користи се за све захтеве који се # не подударају са СерверНаме или СерверАлиас у било ком блоку. # ДоцументРоот "/ хоме / патх / фолдер / пројецт /" СерверНаме ми_блог.дев Захтевај све одобрене

Очигледно је да приликом замене мора бити наведен пут до фасцикле нашег пројекта „/ Почетна / путања / директоријум / пројекат /“.

Ручна инсталација ЛАМПЕ

Сада, иако се можда не чини тако, мислим да је гломазније радити инсталацију на претходни начин него инсталирати пакете директно из наших спремишта. Да бисмо имали исти Стацк на нашем рачунару, једноставно морамо отворити терминал и ставити:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Само са ова 3 пакета биће инсталиране потребне зависности да би се почело радити са минимумом потребним за развој.

Прилагођени ДНС и виртуелни хост са ЛАМП-ом

На делу ДНС-а (Домаин Наме Сервер) држимо све исто, односно у датотеку додајемо имена наших тест локација. / Етц / хостс. Сада је у случају Апацхе пут ВХост-а (виртуелних хостова) другачији.

Обично се оно што ставимо стави у датотеку /опт/лампп/етц/ектра/хттпд-вхостс.цонф у рути /етц/апацхе2/ситес-аваилабле/вхостнаме.цонф, а затим је направљена симболична веза до те датотеке у фасцикли / етц / апацхе2 / ситес-енаблед / али нећемо компликовати. Директно ћемо ставити датотеку / етц / апацхе2 / ситес-енаблед / са следећом конфигурацијом:

$ судо вим /етц/апацхе2/ситес-енаблед/дев.пруебе.цом.цонф ДоцументРоот "/ хоме / патх / фолдер / пројецт /" СерверНаме ми_блог.дев Захтевај све одобрене

Мислим да је ваљано разјаснити да је подразумевана путања директоријума веб локација када инсталирамо ручно / вар / ввв / хттп /.

Инсталација НодеЈС-а и Руби-а

Ако користимо НодеЈС o рубин (уместо ПХП-а и Перла) можемо ручно инсталирати пакете извршавањем у конзоли:

$ sudo apt install nodejs ruby

А ако им треба још пакета, једноставно га морају потражити покретањем менаџера пакета или у конзоли:

$ sudo apt search paquete a buscar

До овог дела већ имамо део на страни сервера спреман за нашу песковину, сада да видимо неке од апликација које можемо користити.

Алати за веб развој

У спремиштима имамо неке апликације које ће нам омогућити угодан рад када су у питању ХТМЛ, ЦСС, ЈС и други. Међу њима имамо:

  • Блуефисх
  • Геани
  • Гедит
  • Кејт

Бити БлуеФисх (по мом мишљењу) најкомплетнији када је посао у питању Предњи крај, али препоручујем инсталирање независних апликација које нам нуде много више функционалности. Имамо на пример Заграде, СублимеТект o Комодо-Едит. Све ове апликације имају свој инсталациони пакет за Убунту, осим Комодо-Едит-а, који се мора само распаковати и покренути .сх датотеку.

(… у процесу …)