Підготуйте Ubuntu (або інший дистрибутив) до веб-розробки

Окрім міфів, переконань або думки, що GNU / Linux складний у використанні, я вважаю це чудовою операційною системою для розробників, особливо веб-розробники.

Я мав можливість поспілкуватися з багатьма людьми, які віддають перевагу OS X і навіть Windows розвиватись, як кажуть, завдяки його простоті та інструментам, і хоча це дуже індивідуальна думка кожної людини, я вважаю, що будь-який дистрибутив GNU / Linux або принаймні найпопулярніший пропонує все, що потрібно для встановлення та робота.

[quote] Найпопулярніші дистрибутиви пропонують всі необхідні пакети у своїх сховищах для веб-розробника. [/ quote]

Зараз у питанні розробки існує дилема - це дуже оновлений дистрибутив Антергос або такий, який підтримує баланс між стабільним та сучасним як Ubuntu?

Я навів дуже простий приклад, поки в Довірена Ubuntu остання версія Netbeans становить 7.0.1, дюйма ArchLinux доступна версія 8.0.2. Те саме відбувається з NodeJS та інші пакунки, які ми побачимо нижче, які широко використовуються FrontEnd.

У будь-якому випадку, кожна людина вирішує розподіл своїх уподобань відповідно до роботи, яку потрібно виконати. У цій статті ми почнемо з інсталяції Ubuntu, і оскільки вона орієнтована на нових користувачів, ми поетапно покажемо процес.

Встановіть Ubuntu 14.04

Перше, що ми зробимо, це завантажити образ встановлення Ubuntu зі свого офіційного веб-сайту. Посилання нижче дозволить вам вибрати, чи потрібно завантажувати 32-розрядну або 64-розрядну iso.

Завантаживши його, ми повинні «записати» DVD із завантаженим iso або підготувати флеш-пам’ять для завантаження та встановлення з неї. У Windows ми можемо зробити це, дотримуючись цей посібник та на Mac Це інше. Після цього ми перезавантажуємо ПК і запускаємо через пам’ять або DVD.

Етапи встановлення Ubuntu 14.04

Перше, що потрібно вибрати, якою мовою ми хочемо встановити Ubuntu:

Пізніше ми побачимо, чи є у нас усі необхідні вимоги до установки:

Пізніше ми перейдемо до розділу жорсткого диска. Якщо у вас немає досвіду з цим, бажано залишити все за замовчуванням після резервного копіювання даних.

Вибираємо часовий пояс:

Ми обираємо мову нашої клавіатури:

Ми визначаємо своє ім’я користувача, ім’я нашого комп’ютера, наш пароль:

І ми чекаємо, поки він закінчиться:

Після завершення встановлення ми перезавантажуємо комп’ютер і входимо в наш сеанс. Ми можемо запустити диспетчер оновлення або відкрити термінал і поставити:

$ sudo apt update && sudo apt upgrade

І якщо немає чого оновити, ми можемо розпочати.

Підготовка нашого робочого простору до тестування

Отож, оскільки ми розробники, ми хочемо зосередитись лише на тому, що ми вміємо робити: розвиватися. Нас не цікавить, як налаштувати веб-сервер або як працює база даних, ми просто хочемо щось, що працює та легко реалізується, щоб почати писати код.

Якби нам потрібно було писати лише в HTML, CSS, JS, все було б простіше, але іноді ми повинні мати тестовий сервер для коду в PHP, Ruby, DJango тощо. Тому рекомендується створити власний веб-сервер. На наше щастя, ми маємо цей заклад двома різними способами:

1. Використання програми встановлення XAMPP що нам забезпечує Apache.
2. Використовуючи ЛАМПА Бітнамі.

Встановлення Bitnami

Встановлення LAMP через Bitnami ми це вже бачили у попередній статті, тому не буде необхідності звертатися до неї у цій статті. Після встановлення Bitnami ми можемо керувати тестовим сервером через веб-браузер.

Усю необхідну документацію щодо роботи Bitnami можна знайти за адресою його вікі.

Встановлення 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. Якщо у вас є проблеми, я рекомендую вам відвідати FAQ.

Спеціальний DNS та віртуальний хост із XAMPP

Припускаючи, що на нашому тестовому сервері розміщено кілька веб-сайтів, ми можемо встановити локальний перегляд кожного з них у файлі / Etc / хостів. Візьмемо приклад, скажімо, у нас є сайт dev.tests.com, що ми робимо, це відкрити файл / Etc / хостів за допомогою нашого улюбленого текстового редактора (і як 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 використовується для всіх запитів, які не збігаються з Іменем Сервера або ServerAlias ​​у будь-якому блоці. # ServerAdmin webmaster@dummy-host.example.com DocumentRoot "/opt/lampp/docs/dummy-host.example.com" Ім'я сервера 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" Ім'я сервера 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 використовується для всіх запитів, які не збігаються з Іменем Сервера або 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 / хостів. Тепер, у випадку з Apache, шлях до VHost (віртуальних хостів) інший.

Зазвичай робиться те, що ми поміщаємо у файл /opt/lampp/etc/extra/httpd-vhosts.conf в маршруті /etc/apache2/sites-available/vhostname.conf, а потім на цей файл у папці робиться символічне посилання / etc / apache2 / sites-enabled / але ми не збираємось ускладнювати. Ми безпосередньо розмістимо файл / etc / apache2 / sites-enabled / із наступною конфігурацією:

$ sudo vim /etc/apache2/sites-enabled/dev.pruebe.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 та інші. Серед них ми маємо:

• Bluefish
• Geany
• Гедіт
• Кейт

Буття BlueFish (на мій погляд) найповніший, коли справа стосується роботи FrontEnd, але я рекомендую встановлювати сторонні програми, які пропонують нам набагато більше функціональних можливостей. У нас є наприклад Кронштейни, SublimeText o Комодо-Редагувати. Усі ці програми мають власний інсталяційний пакет для Ubuntu, за винятком Komodo-Edit, який потрібно лише розпакувати та запустити файл .sh.

(… В процесі …)