Linux для веб-разработчика. Установка debian, nginx, php-fpm, mysql, nodejs, open-ssl, настройка программ и утилит
Linux - отличная система для веб-разработки. Она хорошо настраивается, требует меньше ресурсов и многие вещи сделать проще, чем в Windows. Но что делать, если мы не хотим отказываться от привычных нам окошек, программ, утилит, которые предоставляет хорошо знакомая Windows? Можно поставить виртуальную машину с Linux на борту, установить все нужные программы, настроить окружение в Windows для работы с виртуалкой через sftp и работать, слушая при этом музыку через привычный аудиопрогрыватель. В статье показано, как можно настроить работу для тех, кто мало знаком с Linux и все еще думает, что это сложно и непонятно.
Общая схема работы.
Наша работа будет построена так: основная ОС - Windows, на ней виртуальная машина, в которой установлена Linux Debian 8. В Debian развернуто окружение для веб-разработки: nginx, php, mysql, nodejs. Никакого графического интерфейса, он нам не понадобится, только терминал. В Windows - ssh-клиент, sftp-клиент и настроен редактор кода для работы. Далее описываю всю схему более подробно. Примеры приведены для Windows 7 и Linux Debian 8.
Установка VirtualBox и Linux Debian 8
Дистрибутив debian скачиваем с официального сайта здесь - https://www.debian.org/distrib/, VirtualBox здесь - https://www.virtualbox.org/. Дальше нужно создать новую виртуальную машину и установить на нее debian. Не буду расписывать подробно, только основные моменты, которые использовал у себя:
- 1. Название - debian 8.
- 2. Жесткий диск .vdmk
- 3. Оперативная память - 1024 Мб
- 4. Система - предел загрузки цпу - 90%
- 5. Носители - добавить привод оптических дисков - выбираем наш образ
- 6. Сеть - тип подключения Сетевой мост
При установке debian выбираем пункт Install (просто Install). Установка самая обычная, затруднений быть не должно, большинство параметров оставляем по умолчанию. Создается суперпользователь root, для него создаем пароль (я задал root для удобства), и во время установки предлагается создать еще одного пользователя, назовем его developer.
Вот два пункта, которые я поменял за время установки
- 1. зеркало архива debian - поставил mirror.yandex.ru
- 2. Выбор ПО - снимаем все галки (все, что нам нужно, мы поставим сами)
Установка ssh-сервера на debian и ssh-клиента Putty в Windows
На самом деле установка Putty и работа с ним не обязательная часть. В виртуальной машине вполне можно работать и через консоль самой debian. Но Putty просто удобнее - это обычное Windows-приложение, мы можем в нем хранить настройки нескольких подключений, копировать команды из браузера и вставлять их в окно терминала и прочее.
Заходим в окно виртуальной машины и в терминале набираем команду su, вводим пароль root и готовимся установить openssh-сервер. Я пользуюсь aptitude ("менеджер пакетов" в debian) вместо стандартного apt-get, поэтому сначала можно установить его
apt-get install aptitudeа уже потом ssh-сервер
aptitude install openssh-server
Все! Теперь, чтобы подключаться к терминалу debian из Windows, нам нужно знать только ip-адрес, присвоенный нашей системе. Набираем команду ifconfig и среди кучи строк ищем айпи, у меня, например, оказался 192.168.0.31. Дальше в настройках буду использовать его для примера. Теперь нам нужно скачать Putty здесь - http://www.putty.org/
Запустить его и создать новое подключение:
- 1. Host Name or IP address - 192.168.0.31
- 2. port - 22 (по умолчанию)
- 3. Saved Sessions - debian 8
- 4. Жмем кнопку Save
- 5. Жмем Open
- 6. В окошке "putty security alert" жмем "Yes"
Установка WinSCP и sftp net drive
WinSCP - это удобный файл-менеджер для работы по sftp, похож на Total Commander.
Качаем его здесь - https://winscp.net/eng/download.php
Создаем новое подключение с настройками:
- 1. Имя хоста - 192.168.0.31
- 2. Порт - 22
- 3. Имя пользователя - root
- 4. Пароль - root/li>
- 5. Жмем Сохранить
- 6. В ответ на запрос "Продолжить подключение к внешнему серверу и добавить ключ в кэш?" - жмем да
- 7. И наконец Войти
Чтобы можно было работать с файлами debian из привычного редактора, нужно установить sftp-драйвер.
Качаем здесь - https://www.nsoftware.com/netdrive/sftp/
В настройках вводим наш айпишник и запускаем. При этом у нас появится еще один диск, это и есть наша debian.
Если при открытии мы попадаем в папку home и не можем подняться выше, нужно в настройках указать root directory
"root folder on the Server - servers's root folder"
Теперь мы можем работать с файлами debian в любом редакторе кода.
Установка nginx, php-fpm, настройка конфига nginx и запуск первого сайта
Все, что мы делали до этого было подготовкой к самому интересному - непосредственному разворачиванию веб-сервера и php в debian. Установка выполняется двумя командами
aptitude install nginx aptitude install php5-cli php5-common php5-mysql php5-gd php5-fpm php5-cgi php5-fpm php-pear php5-mcrypt -yВсе! Можно приступать к созданию нашего первого сайта в debian.
Небольшое отступление. Прежде чем запускать первый сайт, рекомендую установить тестовый редактор nano и замечательную программу tmux - что-то вроде оконного терминала. Дело в том, что можно вполне обойтись без них, файлы править в том же WinSCP, но, во-первых, иногда гораздо удобнее и быстрее сделать мелкие правки файлов прямо в консоли, а во-вторых, с самого начала привыкая работать в консоли linux, Вы сэкономите кучу времени в дальнейшем. Возможно, когда-то Вам придется работать с удаленными серверами, где будет только доступ по ssh и ничего больше. И скорее всего, этот момент наступит гораздо раньше, чем Вы предполагали. Подробности про nano и tmux расписывать не буду, легко гуглиться. Устанавливаются они так:
aptitude install nano aptitude install tmux
Перед созданием первого сайта хорошей практикой является создание отдельного пользователя для разработки, это будет созданный нами при установке developer, и отдельной папки под веб-проекты.
ВНИМАНИЕ: все дальнейшие операции в папке developer выполняются из пользователя developer, настройки конфигов nginx, php и прочих - от root-a. Желательно всегда работать под пользователем developer, а в root переключаться только для правки конфигов. В этой статье нам придется часто переключаться между пользователями, поэтому следите внимательно, с какими файлами Вы работаете. su переключает нас к пользователю root, su developer - к developer. Также для удобства можно завести 2 подключения в WinSCP - одно - от root-a, как мы и сделали, второе - от developer.
Для проектов создадим папку /home/developer/www, для логов - /home/developer/logs. В папке www создадим папку test.lc, а ней файл index.php с содержимым
echo 'Hello, Debian 8';Все это делаем от имени developer.
Теперь нужно настроить конфиг виртуального хоста в nginx, подправить php.ini и запустить проект в браузере под Windows. Приступим (теперь делаем все от root-a) - создаем конфиг нового виртуального хоста
nano /etc/nginx/sites-enabled/test.lcи добавляем в него
server { listen 80; root /home/developer/www/test.lc; server_name test.lc www.test.lc; index index.html index.php; error_log /home/developer/logs/test.error.log; location ~ \.(php)$ { fastcgi_param SCRIPT_FILENAME $document_root/$fastcgi_script_name; fastcgi_param PATH_INFO $fastcgi_script_name; fastcgi_connect_timeout 60; fastcgi_send_timeout 60; fastcgi_read_timeout 60; fastcgi_buffer_size 128k; fastcgi_buffers 4 256k; fastcgi_busy_buffers_size 256k; fastcgi_temp_file_write_size 256k; fastcgi_intercept_errors on; include fastcgi_params; client_max_body_size 10m; client_body_buffer_size 128k; expires off; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; fastcgi_pass unix:/var/run/php5-fpm.sock; } location / { proxy_redirect off; client_max_body_size 10m; client_body_buffer_size 128k; proxy_connect_timeout 90; proxy_send_timeout 90; proxy_read_timeout 90; proxy_buffer_size 1024k; proxy_buffers 8 5120k; proxy_busy_buffers_size 10240k; proxy_temp_file_write_size 10240k; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; expires off; } }Уточняю - не стоит использовать этот конфиг в боевых условиях, он приведен только для примера разработки. Правильной настройкой конфигов nginx стоит заниматься специалистам в этой области :-)
После этого нужно пофиксить cgi.fix_pathinfo=0 в файлике /etc/php5/fpm/php.ini и перезапустить nginx
service nginx restartПосле этого в файле hosts в Windows добавляем строчку 192.168.0.31 test.lc и вводим в браузере http://test.lc/. Если все сделали правильно, то увидим строку "Hello, Debian 8" - все работает!
Установка и настройка Mysql
Следующим пунктом мы установим Mysql и подключимся к базе из нашего приложения.
aptitude install mysql-server mysql-client mysql-common libmysqlclient18 -yЗададим пароль для root - по привычке тоже root. Дальше мы создадим тестовую базу данных с одной табличкой, заполним ее данными и выведем в браузере ее содержимое.
Шаг 1. Создаем тестовую базу
mysql -u root -p CREATE DATABASE test CHARACTER SET utf8 COLLATE utf8_general_ci; use test;
Шаг 2. Создаем таблицу товаров (это одна команда)
CREATE TABLE goods ( id int(10) UNSIGNED NOT NULL, good varchar(255) NOT NULL, price int(11) NOT NULL, PRIMARY KEY (id) ) ENGINE = INNODB AVG_ROW_LENGTH = 4096 CHARACTER SET utf8 COLLATE utf8_general_ci;
Шаг 3. Заполняем таблицу данными
INSERT INTO goods VALUES (1, 'Ноутбук', 5000), (2, 'Телефон', 5000), (3, 'Смартфон', 10000), (4, 'Телефон', 15000);
Шаг 4. Проверяем, что данных вставились успешно
select * from goods;
Шаг 5. Выводим таблицу товаров на сайте. Для этого нужно заменить содержимое index.php следующим кодом
$dbConn = mysqli_connect('localhost', 'root', 'root', 'test') or die('Error ' . mysqli_error($dbConn)); $dbConn->query('set names utf8'); $data = $dbConn->query('select * from goods'); while ($row = $data->fetch_assoc()) { printf('%s - %s - %s
', $row['id'], $row['good'], $row['price']); }
После всех этих действий обновляем страницу браузера и видим список наших товаров.
P.S. Хорошим тоном также считается создание новых пользователей Mysql под каждый проект, но для простоты и уменьшения кода мы этого не делали. На реальных проектах работать с базой от root-a не стоит, нужно создать отдельного пользователя с ограниченными правами.
Установка и настройка dbForge Studio for Mysql
Работать с Mysql через командную строку не очень-то удобно.
Интереснее использовать клиент для работы с базой, например, phpmyadmin или workbench.
Я покажу, как настроить работу с базой на примере dbForge, настройки для подключения к удаленной базе в других клиентах будут аналогичными.
Скачать dbForge можно здесь -
https://www.devart.com/ru/dbforge/mysql/studio/download.html
Для скачивания нужно только зарегистрироваться (бесплатно).
После установки dbForge нужно создать новое подключение с такими настройками.
Вкладка общие:
- 1. Название - debian8
- 2. хост - 127.0.0.1
- 3. порт - 3306
- 4. имя - root
- 5. пароль - root
- 6. Галочка "Сохранять пароль"
- 1. Использовать протокол ssh
- 2. Аутентификация с помощью пароля
- 3. Хост - 192.168.0.31
- 4. Порт - 22
- 5. Пользователь - root
- 6. Пароль - root
- 7. Сохранять пароль
Установка и настройка nodejs
И последним пунктом статьи будет описание настройки nodejs и запуск тестового проекта. Общая схема будет такой же, как и с php, поэтому описываю только основные моменты.
Шаг 1. Установка nodejs
apt-get install curl curl -sL https://deb.nodesource.com/setup | bash - apt-get install -y nodejsПроверяем установку командой node --version - смотрим версию nodejs.
Шаг 2. Создаем конфиг для нового хоста
nano /etc/nginx/sites-enabled/test_node.lc
server { listen 80; root /home/developer/www/test_node.lc; server_name test_node.lc www.test_node.lc; index index.html; log_not_found off; charset utf-8; location / { proxy_pass http://127.0.0.1:3000; } }
Шаг 3. Тестовый проект.
Создаем папку /home/developer/www/test_node.lc. В папке создаем файл server.js с содержимым
var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World on port 3000\n'); }).listen(3000, '127.0.0.1'); console.log('Server running at http://127.0.0.1:3000/');
Шаг 4. Запуск в debian.
Перезапускаем nginx и запускаем наш сервер.
cd /home/developer/www/test_node.lc service nginx restart node server.js
Шаг 5. Проверка в Windows.
В файле hosts добавляем строчку
192.168.0.31 test_node.lc
В браузере открываем http://test_node.lc/
Если все сделано правильно, то увидим приветствие "Hello World on port 3000".
Все работает.
Установка git
А на эту тему написана отдельная статья - Как установить git в Linux
Вместо заключения
В этой статье мы кратко рассмотрели установку и настройку такой схемы веб-разработки, где непосредственно приложение работает в Linux, а доступ к этому приложению мы получаем из Windows. Возможно, у кого-то возникает вопрос: а зачем все это нужно? Ведь можно намного быстрее и проще настроить в самой винде, поставить денвер или OpenServer и не заморачиваться так. Или сразу перейти на Linux и не придумывать схемы работы с двумя ОС. Конечно, вопрос о том, как организовать свою работу, субъективный, это дело привычки и удобства. Но для себя я выделил несколько пунктов, почему стал работать именно так.
- 1. Нежелание полностью отказываться от Windows, от ее привычных программ, проигрывателей, кнопки Пуск, привычных настроек и драйверов, игр, в конце-концов
- 2. Неготовность переходить на Linux, ставить ее в качестве основной ОС. Перепробовал несколько дистрибутивов Linux, ни один не показался настолько удобным, как Windows 7.
- 3. Удобство установки и настройки нужных программ в Linux
- 4. Только командная строка, никакого графического интерфейса. Рано или поздно придется столкнуться с командной строкой на боевых сайтах, где не получится настроить GUI. К тому же, освоив командную строку Linux, будет легко работать, например, в терминале MacOS.
- 5. Отказ от "комплектов" вроде денвера и установка всего руками, чтобы лучше понимать, что и как работает и настраивается
- 6. Скорость работы Linux и отсутствие необходимости устанавливать в основной ОС программы и сервисы для работы.
P.S. В статье часто приводились примеры команд в терминале. В этой статье можно узнать базовые команды Linux для работы в командной строке.
Истории из жизни айти и обсуждение кода.