Przygotuj Ubuntu (lub inną dystrybucję) do tworzenia stron internetowych

Oprócz mitów, przekonań lub opinii, że GNU / Linux jest skomplikowany w użyciu, uważam go za doskonały system operacyjny dla programistów, zwłaszcza autorzy strony.

Miałem okazję porozmawiać z wieloma preferującymi OS X i nawet Windows rozwijać, jak to mówią, ze względu na jego łatwość i narzędzia, i chociaż jest to bardzo indywidualna opinia każdego człowieka, uważam, że każda dystrybucja GNU / Linux lub przynajmniej najpopularniejsza oferuje wszystko, czego potrzebujesz, aby zainstalować i praca.

[quote] Najpopularniejsze dystrybucje oferują w swoich repozytoriach wszystkie niezbędne pakiety dla programistów internetowych. [/ quote]

Teraz, w kwestii rozwoju, pojawia się dylemat, jest to bardzo zaktualizowana dystrybucja Antergos lub taki, który zachowuje równowagę między stabilnymi i aktualnymi plikami Ubuntu?

Podałem bardzo prosty przykład, będąc w Zaufany Ubuntu najnowsza wersja Netbeans jest 7.0.1 w ArchLinux dostępna jest wersja 8.0.2. To samo dzieje się z NodeJS i inne pakiety, które zobaczymy poniżej, które są szeroko używane przez przedni koniec.

W każdym razie decyzja o wyborze rozkładu preferencji w zależności od wykonywanej pracy należy do każdego. W tym artykule zaczniemy od instalacji Ubuntu, a ponieważ jest przeznaczona dla nowych użytkowników, pokażemy proces krok po kroku.

Zainstaluj Ubuntu 14.04

Pierwszą rzeczą, którą zrobimy, jest pobranie obrazu instalacyjnego Ubuntu z jego oficjalnej strony internetowej. Poniższe łącze pozwoli Ci wybrać, czy chcesz pobrać 32-bitową, czy 64-bitową wersję iso.

Po pobraniu musimy „wypalić” płytę DVD z pobranym iso lub przygotować pamięć Flash do uruchomienia i instalacji z niej. W systemie Windows możemy to zrobić, postępując zgodnie z ten przewodnik i na Macu Ten inny. Po wykonaniu tej czynności ponownie uruchamiamy komputer i zaczynamy przeglądać pamięć lub DVD.

Kroki instalacji Ubuntu 14.04

Pierwszą rzeczą jest wybranie języka, w którym chcemy zainstalować Ubuntu:

Później zobaczymy, czy mamy wszystkie niezbędne wymagania do instalacji:

Później zajmiemy się partycjonowaniem dysku twardego. Jeśli nie masz z tym doświadczenia, najlepiej pozostawić wszystko jako domyślne po utworzeniu kopii zapasowej danych.

Wybieramy strefę czasową:

Wybieramy język naszej klawiatury:

Definiujemy naszą nazwę użytkownika, nazwę naszego komputera, nasze hasło:

I czekamy, aż to się skończy:

Po zakończeniu instalacji uruchamiamy ponownie komputer i wchodzimy w naszą sesję. Możemy uruchomić Menedżera aktualizacji lub otworzyć terminal i umieścić:

$ sudo apt update && sudo apt upgrade

A jeśli nie ma co aktualizować, możemy zacząć.

Przygotowanie naszego obszaru roboczego do testów

Ponieważ jesteśmy programistami, chcemy skupić się tylko na tym, co umiemy zrobić: rozwijać się. Nie jesteśmy zainteresowani wiedzą, jak skonfigurować serwer WWW lub jak działa baza danych, chcemy po prostu czegoś, co działa i jest łatwe do wdrożenia, aby rozpocząć pisanie kodu.

Gdybyśmy tylko mieli pisać w HTML, CSS, JS, wszystko byłoby prostsze, ale czasami musimy mieć serwer testowy dla kodu w PHP, Ruby, DJango itp. Dlatego najlepiej założyć własny serwer WWW. Na szczęście mamy tę możliwość na dwa różne sposoby:

1. Korzystanie z instalatora XAMPP co nam zapewnia Apache.
2. za pomocą LAMPA Bitnami.

Instalowanie Bitnami

Instalacja LAMP poprzez Bitnami już to widzieliśmy w poprzednim artykule, dlatego nie będzie konieczne zajmowanie się tym w tym artykule. Po zainstalowaniu Bitnami możemy zarządzać naszym serwerem testowym za pośrednictwem przeglądarki internetowej.

Całą niezbędną dokumentację dotyczącą działania Bitnami można znaleźć pod adresem jego wiki.

Instalacja XAMPP

Instalator XAMPP również pochodzi z Bitnami, ale proces instalacji jest nieco inny, więc przejdziemy przez to krok po kroku. Pierwszą rzeczą jest oczywiście pobranie interesującego nas pliku zgodnie z architekturą naszego procesora:

Po pobraniu otwieramy terminal i uzyskujemy dostęp do folderu, w którym znajduje się plik, do którego nadamy uprawnienia do wykonywania. W przypadku pliku 64-bitowego byłoby to:

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

Teraz w tym samym terminalu wykonujemy to:

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

I wykonujemy następujące kroki.

Na poprzednim obrazie zapytał nas, czy chcemy zainstalować pliki dla programistów, a na później, czy zgadzamy się z wyborem, który wybraliśmy.

Teraz pyta nas o ścieżkę, w której chcemy zainstalować (domyślnie jest to / opt / lampp) i chociaż możemy to zmienić, radzę pozostawić ją tak, jak jest.

Jeszcze jeden krok do sprawdzenia przed rozpoczęciem instalacji

Instalowanie XAMPP

Instalacja zakończona.

Teraz, aby uruchomić XAMPP, musimy tylko wykonać:

$ sudo / opt / lampp / lampp start Uruchamianie XAMPP dla Linuksa 5.5.19-0 ... XAMPP: Uruchamianie Apache ... ok. XAMPP: Uruchamianie MySQL ... ok. XAMPP: Uruchamianie ProFTPD ... ok.

W ten sposób mamy już uruchomiony serwer Apache + MySQL + PHP + Perl. Jeśli masz problem, polecam odwiedzić FAQ.

Niestandardowy DNS i wirtualny host z XAMPP

Zakładając, że mamy kilka witryn hostowanych na naszym serwerze testowym, możemy ustawić każdą z nich jako przeglądaną lokalnie w pliku / Etc / hosts. Weźmy przykład, powiedzmy, że mamy witrynę dev.tests.com, co robimy, to otwieramy plik / Etc / hosts z naszym ulubionym edytorem tekstu (i jako root) i dodaj go w następujący sposób:

$ sudo vim /etc/hosts

i dodajemy linię:

127.0.0.1   dev.prueba.com

Ale oczywiście to nie wystarczy, ponieważ musimy powiedzieć Apache, że gdy ktoś zgłosi żądanie dev.test.com W przypadku 127.0.0.1 musisz zwrócić naszą witrynę testową.

Edytujemy plik /opt/lampp/etc/httpd.conf

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

i odkomentuj (usuwając krzyżyk) wiersz, który mówi:

# Include etc/extra/httpd-vhosts.conf

i zostawiamy to tak:

Include etc/extra/httpd-vhosts.conf

Teraz przechodzimy do pliku /opt/lampp/etc/extra/httpd-vhosts.conf który powinien mieć coś takiego:

# używaj tylko hostów wirtualnych opartych na nazwach, aby serwer nie musiał martwić się o # adresy IP. Wskazują na to gwiazdki w poniższych dyrektywach. # # Zapoznaj się z dokumentacją pod adresem # # w celu uzyskania dalszych informacji, zanim spróbujesz skonfigurować wirtualne hosty. # # Możesz użyć opcji wiersza poleceń „-S”, aby zweryfikować konfigurację # hosta wirtualnego. # # Przykład VirtualHost: # Prawie każda dyrektywa Apache może trafić do kontenera VirtualHost. # Pierwsza sekcja VirtualHost jest używana dla wszystkich żądań, które nie pasują do ServerName lub ServerAlias ​​w żadnym 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 "logs / dummy -host.example.com-error_log "CustomLog" logs / dummy-host.example.com-access_log "common ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dummy-host80.example.com ErrorLog "logs / dummy-host2.example.com-error_log" CustomLog „logs / dummy-host2.example.com-access_log” wspólne

Modyfikujemy go i zostawiamy w ten sposób:

# używaj tylko hostów wirtualnych opartych na nazwach, aby serwer nie musiał martwić się o # adresy IP. Wskazują na to gwiazdki w poniższych dyrektywach. # # Zapoznaj się z dokumentacją pod adresem # # w celu uzyskania dalszych szczegółów, zanim spróbujesz skonfigurować wirtualne hosty. # # Możesz użyć opcji wiersza poleceń „-S”, aby zweryfikować konfigurację # hosta wirtualnego. # # Przykład VirtualHost: # Prawie każda dyrektywa Apache może trafić do kontenera VirtualHost. # Pierwsza sekcja VirtualHost jest używana dla wszystkich żądań, które nie pasują do ServerName lub ServerAlias ​​w żadnym bloku. # DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Wymagaj wszystkich przyznanych

Oczywiście podczas zastępowania należy określić ścieżkę do naszego folderu projektu „/ Strona główna / ścieżka / folder / projekt /”.

Ręczna instalacja LAMPY

Teraz, chociaż może się na to nie wydawać, myślę, że instalacja w poprzedni sposób jest bardziej kłopotliwa niż instalacja pakietów bezpośrednio z naszych repozytoriów. Aby mieć ten sam stos na naszym komputerze, wystarczy otworzyć terminal i umieścić:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Tylko z tymi 3 pakietami zostaną zainstalowane niezbędne zależności, aby rozpocząć pracę z minimum wymaganym podczas programowania.

Niestandardowy DNS i wirtualny host z LAMP

Ze strony DNS (Domain Name Server) wszystko pozostaje takie samo, czyli dodajemy nazwy naszych serwisów testowych do pliku / Etc / hosts. Teraz w przypadku Apache ścieżka do VHost (Virtual Hosts) jest inna.

Zwykle należy umieścić to, co umieścimy w pliku /opt/lampp/etc/extra/httpd-vhosts.conf na trasie /etc/apache2/sites-available/vhostname.conf, a następnie tworzone jest dowiązanie symboliczne do tego pliku w folderze / etc / apache2 / sites-enabled / ale nie będziemy komplikować. Plik zostanie umieszczony bezpośrednio / etc / apache2 / sites-enabled / z następującą konfiguracją:

$ sudo vim /etc/apache2/sites-enabled/dev.pruebe.com.conf DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Wymagaj wszystkich przyznanych

Myślę, że warto wyjaśnić, że podczas ręcznej instalacji domyślna ścieżka folderów witryny to / var / www / http /.

Instalacja NodeJS i Ruby

Jeśli użyjemy NodeJS o Rubin (zamiast PHP i Perl) możemy ręcznie zainstalować pakiety uruchamiając w konsoli:

$ sudo apt install nodejs ruby

A jeśli potrzebują więcej pakietów, muszą je po prostu wyszukać, uruchamiając menedżera pakietów lub w konsoli:

$ sudo apt search paquete a buscar

Do tej części mamy już gotową część po stronie serwera dla naszej piaskownicy, teraz zobaczmy niektóre aplikacje, z których możemy korzystać.

Narzędzia do tworzenia stron internetowych

W repozytoriach mamy kilka aplikacji, które pozwolą nam wygodnie pracować jeśli chodzi o HTML, CSS, JS i inne. Wśród nich mamy:

• Bluefish
• Geany
• Gedit
• Kate

Bycie Niebieska Ryba (moim zdaniem) najbardziej kompletny jeśli chodzi o pracę przedni koniec, ale polecam zainstalowanie aplikacji innych firm, które oferują nam znacznie więcej funkcji. Mamy na przykład Wsporniki, Wysublimowany tekst o Komodo-Edytuj. Wszystkie te aplikacje mają swój własny pakiet instalacyjny dla Ubuntu, z wyjątkiem Komodo-Edit, który wystarczy rozpakować i uruchomić plik .sh.

(… w trakcie …)