Vytvořte webovou aplikaci Hapi.js pomocí Node.js na Ubuntu 16.04

Hapi.js je bohatý, robustní a výkonný rámec Node.js určený pro vytváření webových aplikací v ekosystému Node.js. Jeho přímočarý design usnadňuje začátek. Hapi ve svém jádru používá mnoho nejnovějších funkcí JavaScript ES6, jako jsou sliby ES6. Těm z vás, kteří již Express používali, vám Hapi umožňuje vyzkoušet něco nového a vyzkoušet všechny nejnovější funkce JavaScriptu.

V tomto tutoriálu bude naším cílem nastavit základní webovou stránku Hapi.js, která je hostována z našeho Vultr VPS, na Ubuntu 16.04 LTS. Pro ty, kteří mají pro svůj web doménu, použijeme k propojení naší domény s naší webovou stránkou reverzní proxy. Nakonec se naučíme, jak to řídit s procesním manažerem. Teď, když to máme z cesty, pojďme začít.

Instalace Node.js

Budeme muset nainstalovat Node.js. Chcete-li tak učinit na Ubuntu 16.04 LTS, postupujte podle těchto pokynů.

Přidání úložiště

Budeme muset přidat úložiště NodeSource APT, které obsahuje nejnovější verzi LTS Node.js.

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

Stahujeme skript, který použijeme k přidání úložiště do našeho seznamu zdrojů, a také k instalaci Node.js z úložiště NodeSource.

Instalace Build Tools

Kromě instalace samotného Node.js budeme také muset nainstalovat některé nezbytné nástroje pro sestavení, které nám pomohou při sestavování jakýchkoli modulů, které budeme muset nainstalovat.

sudo apt-get install -y build-essential

To jednoduše stáhne a nainstaluje nástroje pro sestavení z úložiště.

Nastavení adresáře aplikace

Je dobrým zvykem určit složku, kterou budeme používat pro naši aplikaci, která bude obsahovat všechna data naší aplikace, jako jsou konfigurační soubory a spouštěcí skripty. Vytvořte složku a pojmenujte ji, jak chcete. V zájmu tohoto tutoriálu předpokládám, že jste to pojmenovali site.

mkdir site

Jakmile vytvoříte složku, nyní se do ní můžeme změnit. Ujistěte se, že jste v adresáři, který jste právě vytvořili, a spusťte průvodce balíčkem NPM.

npm init

Požádá vás o zadání několika různých věcí, jako je název vaší aplikace, startovací soubor, licence a tak dále. Většinu polí můžete ponechat ve výchozím nastavení, s výjimkou viditelnějších polí, jako je název vaší aplikace. Nakonec to bude vypadat takto:

{
  "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"
}

Jakmile budete s výsledkem spokojeni, kliknutím ENTERsoubor uložte.

Instalace Hapi.js

Nyní, když byl váš adresář úspěšně vytvořen, můžeme nyní přistoupit k instalaci Hapi.js. Jak již bylo zmíněno, ke stažení Hapi.js a jeho závislostí pro náš projekt využijeme NPM. V adresáři projektu spusťte následující.

npm install hapi.js

Tím se stáhne Hapi.js z NPM a nainstaluje se do našeho adresáře projektu. Ve stejném běhu se pro naše pohodlí stahují také všechny závislosti, na které se Hapi.js může spolehnout.

Nastavení naší vzorové aplikace

Nyní je čas nastavit náš základní soubor aplikace Hapi.js. To bude obsahovat veškerý náš kód pro aplikaci. Dále můžeme rozšířit náš aplikační kód a přidat do něj další věci, jak uznáme za vhodné.

Dále vytvoříme náš startovací soubor. Vraťte se zpět do mainčásti vašeho package.jsonsouboru, kde přesně určíte, jak soubor pojmenovat. Protože jsem použil výchozí schéma pojmenování, náš soubor se bude jmenovat index.js.

nano index.js

Jakmile jste v textovém editoru nano, vytvořte si kód základní aplikace, podobně.

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();

Nejprve importujeme modul Hapi. Poté inicializujeme náš konstruktor serveru, který obsahuje hostitele, na kterém chceme server provozovat, a také port, který je 3000pro tento tutoriál. Dále jsme nastavili základní router, který znamená, že kdykoli někdo navštíví web, bude uvítán jednoduchou zprávou. Ke všemu máme asynchronní funkci pro spuštění našeho serveru, který se přihlásí do konzole, na které náš server běží. Až budete hotovi, uložte a zavřete soubor ( CTRL+ X)

Nyní, když je náš hlavní soubor nastaven, jsme připraveni spustit naši aplikaci.

node index.js

Pokud Our server is running!v konzole vidíte " ", server se úspěšně spustil.

Nainstalujte Nginx

Protože Nginx je k dispozici ve výchozích úložištích Ubuntu, instalace je přímočará. Jednoduše aktualizujte seznamy balíčků a nainstalujte je.

sudo apt update
sudo apt install nginx -y 

Po obnovení seznamů balíčků se nainstaluje Nginx a jeho závislosti.

Nakonfigurujte Nginx

Aby Nginx mohl obrátit proxy naši aplikaci, budeme muset vytvořit konfigurační soubor. Tento konfigurační soubor bude obsahovat informace o naší aplikaci, kterou Nginx použije pro reverzní proxy.

Smažte výchozí konfiguraci, kterou vytvořil Nginx, protože ji později nahradíme vlastní.

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

Vytvořte nový soubor ve sites-availablesložce. Co se týče pojmenování, můžeme se sitepro jednoduchost držet jednoduše .

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

Do souboru vložte následující a uložte.

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;
    }
}

V tomto souboru říkáme Nginx, aby naslouchal na portu 80. Nastavujeme také proxy passthrough na localhostadresu a port 3000, což je stejný port jako naše aplikace Hapi.

Nyní se můžete vrátit zpět do adresáře aplikace a spustit web. Po spuštění webu jednoduše přejděte na http://yourdomain.comnebo http://youripa uvidíte text „ Hello World“.

Nainstalujte PM2

PM2 lze nalézt v úložišti NPM a můžete jej nainstalovat globálně, aby byl přístupný odkudkoli.

sudo npm install pm2 -g

-gVlajka na konci znamená, že chceme, aby instalaci modulu do složky globálních modulů, což nám umožní používat mimo naši adresáři projektu. To se používá k tomu, aby se náš projekt choval jako běžná systémová aplikace.

Spuštění naší aplikace s PM2

Po instalaci PM2 přejděte zpět do adresáře projektu. Syntaxe pro spuštění naší aplikace se nyní bude mírně lišit. Takto to uděláme s PM2.

pm2 start index.js --name site

Využíváme funkci PM2 start, která v podstatě vytváří profil pro naši aplikaci pod názvem site. Po spuštění tohoto příkazu se váš web spustí, ale všimnete si, že se nebudou zobrazovat protokoly. Je to proto, že způsob, jakým nyní prohlížíme protokoly, je jiný.

pm2 logs site

Pomocí --linesargumentu můžete dokonce určit, kolik řádků protokolů chcete vidět .

Závěr

Úspěšně jste nastavili webový server Hapi.js, provedli reverzní proxy pomocí Nginx a naučili jste se, jak jej lépe spravovat pomocí PM2. S těmito znalostmi můžete tento tutoriál dále rozšířit a vytvořit velmi pokročilou aplikaci Hapi.js. Chcete-li se dozvědět více o možnostech Hapi, navštivte jejich oficiální dokumentaci . Pokud se chcete dozvědět více o možnostech PM2, podívejte se do jejich rychlého průvodce .