Создание веб-приложения Hapi.js с использованием Node.js в Ubuntu 16.04

• Установка Node.js
• Настройка каталога приложения
• Установка Hapi.js
• Настройка нашего примера приложения
• Установить Nginx
• Настроить Nginx
• Установить PM2
• Начиная наше приложение с PM2
• Вывод

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, который содержит последний выпуск LTS Node.js.

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, обратитесь к их краткому руководству .