Налаштування веб-сервера Express.js на Ubuntu 16.04 LTS

У цьому підручнику ми встановимо базовий веб-сервер Express.js, використовуючи Node.js, середовище виконання Javascript на основі двигуна Chrome V8, на наш Vultr VPS під керуванням Ubuntu 16.04. Якщо ви не знаєте, Express.js — це мінімальний і гнучкий фреймворк Node.js, який дає вам можливість писати веб-додатки. Він дійсно демонструє, що може зробити Node.js з точки зору веб-розробки. Тож без зайвих роздумів почнемо!

Встановлення Node.js

Для початку вам потрібно буде встановити Node.js, який буде серверною частиною нашого сайту Express. Щоб встановити його на Ubuntu 16.04, нам спочатку потрібно додати репозиторій для останньої версії. Для цього введіть наступне:

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

Що це робить, так це захоплює останні пакунки 8.x з nodesource.com і налаштовує їх як репозиторій APT. Коли це буде завершено, виконайте наступне, щоб встановити Node:

sudo apt-get install -y nodejs build-essential

Це встановлює сам Node.js, і він захоплює build-essential, які можуть знадобитися під час компіляції модулів. Коли це буде зроблено, ми створимо новий проект Node. Спочатку переконайтеся, що ви перебуваєте у своєму /homeкаталозі.

/home/yourname

Щоб перевірити, просто введіть pwdсвій термінал, і якщо ви побачите /home/yourname, то все готово! Потім ми будемо використовувати функцію ініціалізації npm, щоб створити файл, package.jsonде будуть відстежуватися всі наші модулі. Для цього введіть npm initсвій термінал. Виконайте всі підказки, і ви побачите це, коли закінчите:

{
  "name": "example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "rich",
  "license": "MIT"
}

Потім натисніть Enter, щоб підтвердити.

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

Далі ми встановимо наш модуль Express. Для цього просто введіть:

npm install express

Зачекайте, поки він закінчить встановлення.

Щоб полегшити життя, ми будемо використовувати акуратний маленький модуль під назвою express-generator. Це створить для нас скелетний веб-сайт, що значно полегшить життя. Він піклується про основні речі, як-от маршрути тощо. Щоб встановити Express Generator, просто введіть:

npm install express-generator -g

Ми вказуємо -gпрапор, що означає, що він буде глобальним, і ми можемо використовувати його в усій нашій системі. Після того, як ми завершимо його встановлення, ми повинні прийняти рішення. Ми повинні вибрати, який механізм візуалізації ми хочемо використовувати для нашого проекту. Для стислості ми будемо використовувати ejsв цьому підручнику, який є чудовим механізмом візуалізації, на який я настійно рекомендую вам ознайомитися. Щоб налаштувати наш голий проект, просто введіть:

express -v ejs mysite

Це створить нову папку всередині нашого існуючого проекту з назвою mysite. Тепер, щоб переконатися, що у нас є всі необхідні модулі для проекту, виконайте таку команду.

npm install

Тепер, коли у нас є базові налаштування веб-сайту, ми можемо розпочати його! Щоб запустити веб-сайт із базовим портом, просто введіть:

DEBUG=mysite:* npm start

Тепер веб-сайт запуститься. Єдина проблема полягає в тому, що ви не зможете побачити веб-сайт, оскільки використовуєте термінал. Щоб переглянути приклад сторінки, нам потрібно буде вказати IP-адресу HTTP-сервера, яка буде IP-адресою нашого VPS. Щоб отримати свою IP-адресу, просто перейдіть на панель Vultr VPS і натисніть на вкладку сервери. Він має бути прямо під іменем вашого сервера, внизу. Наприклад: "Сервер 1024 МБ - ваш IP". Скопіюйте цю IP-адресу та тримайте її близько, тому що вона нам знадобиться. Потім поверніться на свій сервер і змініть свій каталог на папку bin.

cd mysite/bin

Це припускає, що ви створили папку у своєму домашньому каталозі. Редагувати файл всередині: wwwфайл. Для цього ми скористаємося вбудованим редактором Nano.

nano www

Потрапивши всередину, перейдіть до цього рядка:

server.listen(port);

Додайте свою IP-адресу в цей рядок. Відредагуйте його, щоб він виглядав так:

server.listen(port, 'your ip here');

Потім натисніть «control-o» на клавіатурі та «enter», щоб зберегти. Натисніть «control-x», щоб вийти. Тепер ми готові запустити наш сервер. Просто введіть ту саму команду, яку ми ввели раніше, щоб перевірити її:

DEBUG=mysite:* npm start

Тепер консоль виведе порт, на якому вона прослуховує. Слідкуйте за цим портом, оскільки він вам знадобиться. Щоб переглянути свій сайт, відкрийте веб-переглядач і перейдіть за такою URL-адресою.

http://yourIP:port

Наприклад, це може виглядати так:

http://192.0.2.0:3000

Якщо все пройшло добре, ви побачите на екрані "Welcome to Express"!

І ви закінчили! Ви створили свій перший експрес-сайт із Node.js, працюючи з Vultr VPS. Щоб дізнатися більше про Express і те, що ви можете з ним зробити, я рекомендую перейти на їхній сайт за адресою http://expressjs.org і веб-сайт EJS за адресою http://ejs.co , де ви можете прочитати інформацію про документації та створіть власний сайт-вбивця!