Налаштуйте сервер Keystone.js за допомогою зворотного проксі Nginx в Ubuntu 16.04

У цьому підручнику ми будемо налаштовувати веб-сервер із зворотним проксі-сервером. CMS, яку ми будемо використовувати, — це Keystone.js, добре відомий фреймворк веб-додатків, заснований на Express.js. Зворотний проксі, який ми будемо використовувати, це Nginx, який є безкоштовним зворотним проксі з відкритим вихідним кодом, а також HTTP-сервером. База даних, яку ми будемо використовувати, це MongoDB, база даних документів NoSQL. Для цього потрібно налаштувати домен із записами. Якщо у вас немає цього набору, подбайте про це й поверніться до цього підручника.

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

Спочатку ми встановимо Node.js, який є інтерпретатором Javascript на основі движка Javascript Chrome V8.

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs
sudo apt-get install -y build-essential

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

Далі ми встановимо Nginx, наш зворотний проксі.

sudo apt update
sudo apt install nginx

Це оновить списки пакетів і встановить Nginx. Після завершення установки ми налаштуємо наш проект вузла.

Ініціалізація нашого проекту Keystone

Створіть наш проект вузла. Для цього просто створіть нову папку.

mkdir website

Потім ми створимо наш package.jsonфайл. Для цього просто запустіть npm initу своєму терміналі, заповніть поля та підтвердіть відповідь " yes". Після того, як ви створили package.jsonфайл, ми встановимо наступні модулі вузла.

sudo npm install -g generator-keystone
sudo npm install -g yo

Після завершення завантаження запустіть наступне.

yo keystone

Заповніть необхідні поля. У вас буде запитано project name, template engine, emailпанель керування тощо. Якщо ви не знаєте, що вибрати, значення за замовчуванням підійдуть. Після того, як ви налаштували налаштування Keystone, ми можемо перевірити, чи працює наш сервер, ввівши node keystoneдля запуску програми. За замовчуванням ваша програма працюватиме localhostна порту 3000. Зауважте, що якщо у вас не встановлено MongoDB, база даних буде недоступна для вас одразу. Ви можете дізнатися, як його встановити, пізніше в підручнику.

Ось основний макет каталогу для Keystone.js:

• /lib - Тут ви будете зберігати власні бібліотеки та інший код.

• /models- Тут ви будете зберігати моделі бази даних вашої програми. KeystoneJS використовує MongoDB як постачальник бази даних.

• /public - Тут будуть зберігатися ваші статичні файли (CSS, JS, зображення тощо).

• /routes/api - Тут будуть зберігатися API-контролери вашої програми.

• /routes.views - Тут зберігатимуться контролери перегляду програми.

• /templates - Тут будуть зберігатися всі файли шаблонів вашої програми.

• /updates - Тут будуть зберігатися ваші сценарії міграції.

• package.json - Це ваш файл конфігурації npm, який згенерував для нас генератор.

• keystone.js - Наш основний початковий файл, ми запускаємо його, коли запускаємо веб-сайт.

Ініціалізація нашої бази даних

Як згадувалося раніше, наша база даних, яку ми будемо використовувати, — це MongoDB, яка є надійною документно-орієнтованою базою даних NoSQL. Якщо у вас уже встановлено MongoDB, ви можете пропустити цей розділ. Якщо ні, то ось як встановити його на Ubuntu 16.04.

Імпортуйте відкритий ключ, який використовується для пакета mongoDB.

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

Створіть файл списку, який використовується для встановлення пакета.

echo "deb [ arch=amd64,arm64 ] http://repo.mongodb.org/apt/ubuntu xenial/mongodb-org/3.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

Оновіть свої списки пакетів за допомогою apt.

sudo apt update

Нарешті, встановіть MongoDB.

sudo apt install mongodb-org -y

Після завершення встановлення запустіть MongoDB.

sudo service mongod start

Це запустить процес MongoDB на port 27017.

MongoDB використовуватиметься в усій програмі та використовуватиметься для зберігання інформації, яку ми використовуємо для наших моделей, наприклад, Userмоделі. Keystone використовує його як свою вибрану базу даних, і наразі ви не можете використовувати інших постачальників баз даних.

Установка PM2

Тепер настав час встановити PM2 (Process Manager 2.) PM2 — це менеджер процесів для додатків Node.js у формі модуля npm. Він надає вам простий спосіб керувати своїми програмами та запускати їх у фоновому режимі. Оскільки він знаходиться в NPM, все, що нам потрібно зробити, щоб його встановити, це виконати наступне.

sudo npm install pm2 -g

Це наказує npm встановити його глобально, щоб ми могли використовувати його в будь-якому місці нашої системи.

Запуск/Керування програмою на PM2

Раніше ми запускали наш веб-додаток з node keystone. З PM2 все трохи інакше. Тепер ми запускаємо нашу програму вузла з наступним.

pm2 start keystone.js

Це додасть нашу програму PM2 до нашого списку процесів, і з’явиться невелике вікно, щоб ви могли побачити, що він справді онлайн. Зверніть увагу на поле, позначене idдля вашого процесу. Тримайте це близько, оскільки пізніше ми будемо робити багато посилань на це.

Щоб переглянути журнали вашої програми.

pm2 logs [id]

Наприклад, pm2 logs 0якщо це ваша перша програма PM2.

Щоб зупинити роботу веб-програми в будь-який час.

pm2 stop [id]

Щоб повністю видалити вашу програму.

pm2 delete [id]

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

pm2 monit

Це покаже основну інформацію, таку як використання оперативної пам’яті, використання ЦП та час безперервної роботи.

Відмінною функцією, яку пропонує PM2, є watching. По суті, спостереження — це коли PM2 автоматично виявляє зміни в будь-якому з файлів у тому самому каталозі, що й ваш початковий файл, і автоматично перезапускає вашу програму. Щоб увімкнути його, просто перезапустіть програму, але передайте їй прапорець годинника.

pm2 restart [id] --watch

Щоб вимкнути перегляд після його ввімкнення, просто виконайте ту ж команду ще раз, і перегляд буде вимкнено.

У цьому підручнику ми залишимо стеження.

Налаштування зворотного проксі

Переконайтеся, що у вас встановлено Nginx. Якщо з якоїсь причини це не так, зверніться до кроків вище.

Налаштуйте параметри брандмауера. В Ubuntu ufwце офіційний брандмауер. За замовчуванням з’єднання заблоковано через порт 80. Нам потрібно додати виняток для Nginx на порту 80, на якому буде працювати наша веб-додаток.

sudo ufw allow 'Nginx HTTP'

Перевірте, чи працює ваш сервер Nginx.

systemctl status nginx

У Activeрозділі, якщо ви бачите active (running), значить, все готово. Якщо ні, ви можете спробувати перезапустити службу.

systemctl restart nginx

Видаліть файл конфігурації Nginx за замовчуванням.

sudo rm /etc/nginx/sites-available/default

Створіть новий і просто назвіть його node.

sudo nano /etc/nginx/sites-available/node

Вставте наступне у файл і замініть example.comйого доменом свого веб-сайту.

listen 80;

server_name example.com;

    location / {

        proxy_set_header   X-Forwarded-For $remote_addr;

        proxy_set_header   Host $http_host;

        proxy_pass         "http://127.0.0.1:3000";
    }
}

Зауважте, що proxy_passпозначає IP-адресу, на якій працює наша програма Keystone локально, тобто localhostна порту 3000. listen 80це порт, на який ми хочемо, щоб програма була спрямована, в даному випадку це port 80.

Потім нам потрібно створити символічне посилання або символічне посилання на папку під назвою sites-enabled. Різниця між sites-enabledі sites-availableполягає в тому, що sites-enabledнасправді завантажується Nginx.

sudo ln -s /etc/nginx/sites-available/node /etc/nginx/sites-enabled/node

Тепер ваш файл конфігурації sites-availableбуде готовий до використання, і він буде завантажено з sites-enabled. Щоб застосувати конфігурацію, щоб вона набула чинності, просто перезапустіть Nginx.

sudo systemctl restart nginx

Нарешті, перезапустіть програму PM2

pm2 restart [id]

Тепер ви можете перейти до свого домену в браузері, і ви побачите Welcome to Keystoneекран із панеллю для входу.

Якщо ви бачите це, значить, ви успішно налаштували робочий веб-сервер Node.js. Якщо ні, можливо, ви зробили крок неправильно, і ви можете повернутися назад і уважно виконувати кожен крок.

Ви можете дізнатися більше про Nginx, відвідавши їхній веб-сайт .

Сподіваюся, вам сподобався цей підручник, і я сподіваюся, що це допомогло вам налаштувати власний веб-сервер для виробництва на вашому Vultr VPS.