Сайт на Node.js и Express своими руками

Вписываем название торрента, жмем Enter и в ту же секунду под списком появляются результаты. Жмем на «глобус» и начинается загрузка. Да, вы угадали: это заключительная статья из серии «Готовимся к закрытию Rutracker», в которой мы рассмотрим создание простого сайта на Node.js. Первая часть тут, вторая тут.

Начнем традиционно с вопросов и ответов.

Вопрос: зачем так много всего ради торрентов?

Ответ: торренты тут просто для примера. Я люблю осваивать новые технологии и считаю, что лучше тренироваться на чем-то реальном, нежели писать очередной бесполезный Hello World. С JavaScript я начал знакомиться 3 дня назад и эта статья — побочный продукт этого знакомства.

Вопрос: зачем нужен Apache Solr и MySQL одновременно?

Ответ: я привел примеры того, как можно организовать поиск. Solr и MySQL устанавливать параллельно не нужно. Вы можете выбрать что-то одно. Например, если у вас уже поднят MySQL, то будет логично использовать его. Если вы хотите не только искать по торрентам, но и проиндексировать содержимое своей домашней директории, то лучше использовать Solr.

Вопрос: можно ли обойтись вообще без программирования?

Ответ: можно. Solr использует библиотеку Apache Tika, которая умеет определять тип контента и извлекать данные. Вы можете просто скормить Solr всю директорию с CSV-файлами целиком, а Tika сама всё распарсит.

А теперь переходим к Node.js.

Что такое Node.js?

Как-то раз любознательные экспериментаторы выдернули из браузера Chromium движок Google V8, отвечающий за обработку JavaScript, перенесли его на сервер и попытались использовать исключительно клиентский доселе JavaScript в серверных целях, для создания сайта. Каково же было их удивление, когда получившийся сайт уделал по производительности сайты, построенные по всем остальным технологиям сайтостроительства, включая этот ваш PHP. Исследователи обрадовались, назвали свое изобретение Node.js и стали его раскручивать. В наши дни Node.js уже используют такие небезызвестные компании, как Uber, PayPal, LinkedIn, New York Times и другие.

Почему Node.js уделывает другие платформы разработки? На это есть три причины:

1. Node работает в режиме сервера приложений. Например, сайт на PHP для сборки каждой страницы каждый раз загружает PHP-файлы, интерпретирует их, обрабатывает инклюды, каждый раз заново устанавливает соединение с базой данных и запрашивает из нее повторно объекты. Node запускается только один раз, устанавливает одно соединение (или пул соединений) с БД, инициализирует рабочие объекты и потом начинает обрабатывать входящие HTTP-запросы один за другим, не прерываясь.
2. Вторая причина заключается в самом языке JavaScript. Он асинхронный. Это значит, что функции выполняются не последовательно, а параллельно. Таким образом, скрипт отрабатывает быстрее и Node способен обслужить больше соединений в единицу времени. Вот за что полюбили Node.js на высоконагруженных сайтах.
3. Сам движок написан очень качественно и сильно обгоняет все остальные JS-движки.

Но довольно слов, оценим скорость Node.js на практике. Чтобы сократить объем программирования, воспользуемся замечательным фрэймворком Express. Фрэймворк сгенерирует все файлы за нас и вся работа сведется к редактированию 2 файлов: один JS-скрипт на клиентской стороне будет отсылать AJAX-запросы к БД, другой JS-скрипт на сервере будет на эти запросы отвечать. AJAX можно было бы и не использовать, но мы же ходим оценить производительность Node, поэтому работа без перезагрузки страницы будет весьма кстати.

Чтобы было интереснее, не будем создавать ни форму, ни кнопки. Только одна строка с текстовым вводом вне тега form. Не знаю, насколько это соответствует стандарту HTML5, зато стильно, модно, молодежно: юзер пишет запрос, нажимает Enter и сразу же видит результат.

Сначала клиентская часть:


var torrentDbQuery = function() {
// Возьмем запрос из формы
var query = $('#torrent-name').val();
// И отправим get-запрос серверу
$.ajax({
method: 'get',
url: '/ajax/search',
dataType: 'json',
data: { query: query }
// Тут проявляется асинхронность. Интерпретатор не будет дожидаться получения ответа
// от сервера и перейдет к выполнению следующих команд. Но нам-то хотело бы всё же получить
// результат и обработать его. Запилим анонимную функцию и укажем, что ее нужно будет выполнить
// после того, как сервер ответит.
}).done(function(r) {
if (r.status === 'ok') {
// Очистим поле ввода для нового запроса
$('#torrent-name').val('');
// Удалим старые результаты поиска
$('#results').empty();
// Переберем массив, который вернул сервер и покажем результаты поиска
r.data.forEach(function(torrent) {
$('#results').append('' +
'' +
'  ' +
torrent.name +
'');
});
} else if (r.status === 'fail') {
$('#torrent-name').html('Error: ' + r.message);
} else {
$('#torrent-name').html('Кажется, что-то пошло не так');
}
});
}


Теперь серверная часть, которая обрабатывает AJAX-запрос:


router.get('/search', function(req, res, next) {
// Что там запросил пользователь?
var q = req.query.query;
// Сформируем SQL-запрос
q = q.split(' ').join("%' and name like '%");
var query = "select name, magnet from torrents " +
"where name like '%" + q + "%'";
// И запросим. Вторым аргументом функции указывается анонимная функция,
// которая будет вызвана после того, как данные будут извлечены из БД.
// Это опять та самая асинхронность, которая дарует скорость. (Но и возможность
// легко "прострелить себе ногу" тоже дарует).
db.query(query, function(error, row) {
if (error) {
res.json({ status: 'fail', message: error });
} else {
res.json({ status: 'ok', data: row });
}
});
});


Запускаем и проверяем:


npm start


Вписываем запрос (кстати, местные интеллектуалы могут попытаться угадать по результатам выдачи, какой именно запрос я ввел).

Работает. И результат появляется впечатляюще быстро. Но «впечатляюще» — это сколько в миллисекундах? Давайте посмотрим:

154 миллисекунды. И это при том, что Node был запущен в режиме отладки. Но быстрее ли это PHP? Я переписал серверную часть на PHP с использованием самого шустрого фрэймворка Slim и запустил Apache Benchmark для сравнения. Но об этом в одной из следующих статей, а то я уже немного утомился графоманствовать.

Хочу такой поиск, но не хочу программировать

Тогда можно воспользоваться готовым решением:

git clone https://github.com/pomodor/rt-magnet.git
cd rt-magnet/web
npm install
npm start


Если база не была создана ранее, скачиваем свежий архив раздач тут и запускаем скрипт import.rb из директории import.