Створіть веб-додаток Hapi.js за допомогою Node.js в Ubuntu 16.04

Hapi.js — це багатий, надійний і потужний фреймворк Node.js, розроблений для створення веб-додатків в екосистемі Node.js. Його простий дизайн дозволяє легко розпочати роботу. Hapi використовує багато з останніх функцій JavaScript ES6 у своїй основі, наприклад, обіцянки ES6. Для тих із вас, хто раніше використовував Express, Hapi дає змогу спробувати щось нове та випробувати всі новітні функції JavaScript.

У цьому підручнику нашою метою буде налаштувати базову веб-сторінку Hapi.js, яка розміщується з нашого Vultr VPS, на Ubuntu 16.04 LTS. Для тих, у кого є домен для свого сайту, ми будемо використовувати зворотний проксі-сервер для зв’язування нашого домену з нашим веб-сайтом. Нарешті, ми навчимося керувати цим за допомогою менеджера процесів. Тепер, коли ми розібралися з цим, давайте приступимо.

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

Нам потрібно буде встановити Node.js. Щоб зробити це в Ubuntu 16.04 LTS, дотримуйтесь цих інструкцій.

Додавання репозитарію

Нам потрібно буде додати репозиторій NodeSource APT, який містить останню версію Node.js LTS.

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

Ми завантажуємо скрипт, який будемо використовувати, щоб додати репозиторій до нашого списку джерел, а також встановити Node.js зі сховища NodeSource.

Встановлення інструментів збірки

На додаток до встановлення самого Node.js, нам також потрібно буде встановити деякі необхідні інструменти збірки, які допоможуть створити будь-які модулі, які нам може знадобитися встановити.

sudo apt-get install -y build-essential

Це просто завантажує та встановлює інструменти збірки зі сховища.

Налаштування каталогу програм

Рекомендується призначити папку, яку ми будемо використовувати для нашої програми, яка міститиме всі дані нашої програми, такі як файли конфігурації та сценарії запуску. Створіть папку, назвіть її так, як ви хочете. Заради цього підручника я припускаю, що ви назвали його site.

mkdir site

Після того, як ви створили папку, тепер ми можемо перейти в неї. Переконавшись, що ви знаходитесь у щойно створеному каталозі, запустіть майстер пакетів NPM.

npm init

Він попросить вас ввести кілька різних речей, наприклад назву програми, початковий файл, ліцензію тощо. Більшість полів ви можете залишити за замовчуванням, за винятком більш очевидних полів, таких як назва вашої програми. У підсумку це буде виглядати так:

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

Коли ви задоволені результатом, натисніть, ENTERщоб зберегти файл.

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

Тепер, коли ваш каталог успішно створено, ми можемо перейти до встановлення Hapi.js. Як згадувалося раніше, ми будемо використовувати NPM для завантаження Hapi.js, а також його залежностей для нашого проекту. У каталозі проекту виконайте наступне.

npm install hapi.js

Це завантажує Hapi.js з NPM і встановлює його в каталозі нашого проекту. У тому ж запуску всі залежності, на які може покладатися Hapi.js, також завантажуються для нашої зручності.

Налаштування нашого зразка програми

Тепер настав час налаштувати наш базовий файл програми Hapi.js. Це міститиме весь наш код програми. Далі ми можемо розширити код нашої програми та додати до нього більше речей, як вважаємо за потрібне.

Далі ми створимо наш стартовий файл. Поверніться до mainрозділу вашого package.jsonфайлу, щоб визначити, як саме назвати файл. Оскільки я використовував схему імен за замовчуванням, наш файл буде називатися index.js.

nano index.js

Як тільки ви перебуваєте в текстовому редакторі nano, створіть базовий код програми, наприклад.

const Hapi=require('hapi');
const server=Hapi.server({
    host:'localhost',
    port: 3000
});

server.route({
    method:'GET',
    path:'/',
    handler:((request,h)) => {
        return 'Sample Hapi.js Application';
    }
});
async function start() {

    try {
        await server.start();
    } catch (err) {
        console.log(err);
        process.exit(1);
    }
    console.log(`Our server is running! ${server.info.uri}`);
};

start();

Спочатку ми імпортуємо модуль Hapi. Потім ми ініціалізуємо наш конструктор сервера, який містить хост, на якому ми хочемо запустити сервер, а також порт, який призначений 3000для цього підручника. Далі ми налаштовуємо базовий маршрутизатор, який вказує, що щоразу, коли хтось відвідує сайт, його вітатимуть простим повідомленням. На додачу до всього, у нас є асинхронна функція, щоб запустити наш сервер, який буде реєструватися на консолі, на якій працює наш сервер. Коли ви закінчите, збережіть і закрийте файл ( CTRL+ X)

Тепер, коли наш основний файл налаштовано, ми готові запустити нашу програму.

node index.js

Якщо Our server is running!на консолі ви бачите " ", значить, сервер запущено успішно.

Встановіть Nginx

Оскільки Nginx доступний у сховищах Ubuntu за замовчуванням, установка проста. Просто оновіть список пакетів і встановіть його.

sudo apt update
sudo apt install nginx -y 

Після оновлення списків пакунок Nginx та його залежності будуть встановлені.

Налаштуйте Nginx

Щоб Nginx міг повернути проксі-сервер нашої програми, нам потрібно створити файл конфігурації. Цей файл конфігурації міститиме інформацію про нашу програму, яку Nginx використовуватиме для зворотного проксі.

Видаліть конфігурацію за замовчуванням, створену Nginx, оскільки пізніше ми замінимо її власною.

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

Зробіть новий файл у sites-availableпапці. Що стосується іменування, ми можемо дотримуватися простого siteдля простоти.

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

У файл вставте наступне та збережіть.

server {
    listen 80;
    location / {
          proxy_set_header X-Real-IP 
          $remote_addr;
          proxy_set_header 
          X-Forwarded-For 
          $proxy_add_x_forwarded_for;
          proxy_set_header Host 
          $http_host;
          proxy_set_header 
        X-NginX-Proxy true; proxy_pass 
       http://127.0.0.1:3000/;
    proxy_redirect off;
    proxy_http_version 1.1;
    proxy_set_header Upgrade 
     $http_upgrade;
    proxy_set_header Connection 
    "upgrade";
    proxy_redirect off;
    proxy_set_header 
   X-Forwarded-Proto $scheme;
    }
}

У цьому файлі ми повідомляємо Nginx прослуховувати порт 80. Ми також встановлюємо проксі-проксі до localhostадреси та порту 3000, який є тим самим портом, що й наша програма Hapi.

Тепер ви можете повернутися до каталогу програми та запустити сайт. Після запуску сайту просто перейдіть до http://yourdomain.comабо http://yourip, і ви побачите текст « Hello World«.

Встановіть PM2

PM2 можна знайти в репозиторії NPM, і ви можете встановити його глобально, щоб бути доступним з будь-якого місця, наприклад.

sudo npm install pm2 -g

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

Запуск нашої програми з PM2

Після встановлення PM2 поверніться до каталогу проекту. Синтаксис запуску нашої програми тепер буде дещо іншим. Ось як ми це зробимо з PM2.

pm2 start index.js --name site

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

pm2 logs site

Ви навіть можете вказати, скільки рядків журналів ви хочете бачити, за допомогою --linesаргументу.

Висновок

Ви успішно налаштували веб-сервер Hapi.js, проксі-серверували його за допомогою Nginx і дізналися, як краще керувати ним за допомогою PM2. Маючи ці знання, ви можете розширити цей посібник і створити дуже просунуту програму Hapi.js. Щоб дізнатися більше про можливості Hapi, відвідайте їх офіційну документацію . Якщо ви хочете дізнатися більше про можливості PM2, зверніться до їх короткого посібника з початку роботи .