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

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

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

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

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

Дао сам врло једноставан пример, док сам у Убунту Трусти најновија верзија Нетбеанс је 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 Комодо-Едит. Све ове апликације имају свој инсталациони пакет за Убунту, осим Комодо-Едит-а, који се мора само распаковати и покренути .сх датотеку.

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


32 коментара, остави свој

Оставите свој коментар

Ваша емаил адреса неће бити објављена. Обавезна поља су означена са *

*

*

  1. За податке одговоран: Мигуел Ангел Гатон
  2. Сврха података: Контрола нежељене поште, управљање коментарима.
  3. Легитимација: Ваш пристанак
  4. Комуникација података: Подаци се неће преносити трећим лицима, осим по законској обавези.
  5. Похрана података: База података коју хостује Оццентус Нетворкс (ЕУ)
  6. Права: У било ком тренутку можете ограничити, опоравити и избрисати своје податке.

  1.   дхунтер дијо

    Да ли још неко види духова шишмиша на слици јарца из ове верзије убунту-а?

    1.    елав дијо

      Хахаха истина је .. гледајући само наранџасту браду и удубине њушке 😀

    2.    Иван Барра дијо

      Сад кад то спомињете ... то се зове "Пареидолиа".

      О томе који Дистрос одабрати приликом програмирања је прилично компликовано. „Некада“ је развијен за неколико прегледача и воила, јер је развој био много спорији. Данас постоји бесконачност прегледача и платформи на којима се могу развијати ВЕБ апликације, назвати АСП.Нет, ПХП, ЈАВА итд. где су апликације много више трансверзалне, под тим подразумевам да им се не приступа само са типичних стоних или преносних рачунара, већ су већ урађене (и жели се иста функционалност) са таблета, мобилног уређаја итд.

      Верујем да је данас неопходно остати у првом плану, штитећи пре свега стабилност и сигурност апликација, у том смислу сам параноичан, још увек ме много кошта да извршим, на пример, банкарску трансакцију са другог уређаја који није мој Много пута се надам да ћу то постићи на сигурном, чак и ако то звучи нелогично.

      Други. Будимо искрени: добро је познато да већина програмера (барем оних које ја знам), било да су веб, ЈАВА, ББ.ДД итд., Најмање 80% користи Уник платформу за програмирање. Људи који би без свих алата који се нуде на платформи, отворено и бесплатно, били веома компликовани при кретању напред. Такође, са сигурношћу могу да кажем да је готово читава ВЕБ платформа, односно ББ.ДД. монтиран је на Уник сервер, па зар не би имало смисла да и други део ради на исти начин?

      Хвала на подели и поздрав.

    3.    посилни дијо

      Умукни ... ја сам Бетмен!

    4.    неисонв дијо

      Изгледа ми као сова, хахаха

      1.    елав дијо

        Тачно .. овде исто мислимо и након поновног гледања

  2.   Хуго Сантос дијо

    Ја сам веб програмер углавном ПХП, већ неколико година користим Дебиан као своје радно окружење, како кажу у посту, одлука о томе који дистро ће се користити зависи од сваке особе, а у Линук развојном подручју ако пружа велики број алата који олакшавају живот.

    Као коментар, видео сам на многим местима да неки програмери инсталирају КСАМПП, ЛАМП и / или слично, у Линуку то није потребно чинити јер се сећамо да је апацхе изворни за Линук, на пример инсталирам само апацхе2 и пхп5 на мом Дебиану са типичним (аптитуде инсталл апацхе2 пхп5) и воила, више не морам да радим ништа друго него да стављам своје пројекте у / вар / ввв

    1.    елав дијо

      Тачно, оно што се десило покушао сам да урадим „лако“, мада у посту помињем две методе 😉

    2.    Тецно-Интегра аутоматизација дијо

      Поздрави. Чини ми се у реду што инсталирате апацхе2 и пхп5, али осећам да би требало да ставите мискл и такође Како конфигуришете пхпмиадмин? Хвала вам.

  3.   Марцос_тук дијо

    Будимо искрени, упркос напору да Дреамвеавер пређе све те програме, штета је, али у Линуку немамо нешто на врхунцу овог Адобе програма.

    1.    елиотиме3000 дијо

      Да постоји (добро, делимично), зове се Брацкетс и такође узима у обзир Вим и Емацс. : в

    2.    Тај контејнер зван Дреамвеавер дијо

      Стављање смећа у код наравно Дреамвеавер пролази поред свих

    3.    Хернан дијо

      Дреамвеавер је више за дизајнере него за програмере, а за људе који раде са кодом превише је гломазан и спор. Много је угодније користити програм попут узвишеног текста, заграда или вебСторм / пхпСторм. Када сам користио Дреамвеавер имао сам проблема, након што сам оставио код спреман, прешао сам у режим дизајна, где ако поставим тачку или преместим нешто, Дреамвеавер се побрине за потпуно растављање мог кода који је био тако уредан. Да не кажем да је то плаћање. Имам пријатеље дизајнере и за њих је то фантастично, јер могу да направе страницу без писања иједног реда кода.

      1.    Едуар дијо

        бреамвеавер Хахаха Никада нећу научити с тим ако научите да исечете

    4.    КЗКГ ^ Гаара дијо

      Дреамвхо? ... Бафф, другар, Артистеер, Дреамвеавер, све су то чиста срања, жао ми је што то тако кажем, али то је истина.

      Ставили су седамсто редова безвриједног кода, пуно тагова или циљева који нису потребни, итд итд итд

      Заграде, узвишене, са било којим од ових више су него довољне за обављање било ког ЦСС посла.

    5.    кдекнео дијо

      Аптана Студио 3 много бољи од Дреамвеавера.

    6.    елав дијо

      Шта си рекао? Дреамвеавер? А шта је то, шта је то?

    7.    Схерпа90 дијо

      Надам се да видите сав код за смеће који вас генерише ... дреамвеавер је за НЕПРОФЕСИОНАЛЕ, тачка!

  4.   Хазама дијо

    Сензационални пост, заиста
    Фелицидадес

    1.    елав дијо

      Грациас 😉

  5.   петерцхецо дијо

    Ваше информације су врло корисне ... Хвала. Да ли се враћате у воде Убунту / Дебиан?

    1.    КЗКГ ^ Гаара дијо

      ХАХА, у свом срцу увијек има простора за Дебиан, али ... Убунту Не мислим тако, хехехе

      1.    петерцхецо дијо

        Никад се не зна 😀 😀

    2.    елав дијо

      Иако то никада не треба рећи, НИКАДА заиста не мислим да ћу се дуго, дуго, дуго враћати у Дебиан.

  6.   целзијус дијо

    Јадна мачка то нико не жели.

    1.    елав дијо

      Ко жели Јава? 😛

  7.   Габријел дијо

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

    1.    рлсалгуеиро дијо

      такође можете преузети верзију за пхп5.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
      Зависи од тога шта развијате или компатибилности која вам је потребна, да задржим верзију 5.5 Једноставно инсталирам пакете који се налазе у репо-у и то је то, имам апацхе 2.4, пхп5.5.13 итд. Такође је и друге библиотеке попут пхпцс-а лако инсталирати, јасно је да ми се љуска свиђа и више волим да инсталирам и конфигуришем све ствари које могу.

      1.    рлсалгуеиро дијо

        Видели сте овај пројекат впн-км.орг, било би занимљиво постићи овако нешто за линук, кажем интегрисан јер користим неке од тих алата, и жао ми је што то морам рећи упркос великом броју библиотека и да хостови су скоро сви монтирани на Апацхе-у, променио сам за нгинк. Открио сам да впн-км тражи алтернативе за ЛАМП и КСАМПП, а добро за радну машину је несумњиво добра алтернатива. успут ми је жао због мог претходног коментара на В $ + цхроме

  8.   Раул цасари дијо

    Ваш допринос је веома занимљив, наставите да га развијате, он је цењен

  9.   Мицхаел Цардоза дијо

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

  10.   монт дијо

    Може ли ми неко помоћи?
    Пре много година држао сам мали курс за веб дизајн и свидео ми се, и иако су ми дали програме за Виндовс, никада ми нису дозволили да их инсталирам.
    Пре неколико месеци коначно сам могао да пређем на Линук Убунту и не могу да нађем ниједан програм
    Сећам се да сам током курса видео три програма
    Дреамвеавер, Фласх МКС и још један који је био за ретуширање фотографија, али не могу да се сетим имена.
    Можете ли да наведете веб локације за преузимање или руте за инсталирање еквивалента онога што сам видео на курсу?
    поздрави
    Хвала.