Създайте уеб приложение 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, което съдържа най-новата 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

След като сте вътре в нано текстовия редактор, създайте базовия си код на приложение, така.

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, вижте тяхното кратко ръководство .