Creeu una aplicació web Hapi.js amb Node.js a Ubuntu 16.04

Hapi.js és un marc Node.js ric, robust i potent dissenyat per crear aplicacions web a l'ecosistema Node.js. El seu disseny senzill fa que sigui fàcil de començar. Hapi utilitza moltes de les últimes funcions de JavaScript ES6 al seu nucli, com ara les promeses d'ES6. Per a aquells de vosaltres que heu utilitzat Express abans, Hapi us permet provar alguna cosa nova i experimentar totes les últimes funcions de JavaScript.

En aquest tutorial, el nostre objectiu serà configurar una pàgina web bàsica de Hapi.js, allotjada des del nostre VPS Vultr, a Ubuntu 16.04 LTS. Per a aquells que tinguin un domini per al seu lloc, farem servir un servidor intermediari invers per enllaçar el nostre domini al nostre lloc web. Finalment, aprendrem a gestionar-ho amb un gestor de processos. Ara que ho tenim fora del camí, comencem.

Instal·lant Node.js

Haurem d'instal·lar Node.js. Per fer-ho a Ubuntu 16.04 LTS, seguiu aquestes instruccions.

Afegint el Repositori

Haurem d'afegir el dipòsit NodeSource APT, que conté la darrera versió LTS de Node.js.

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

Estem baixant un script que farem servir per afegir el repositori a la nostra llista de fonts, així com instal·lar Node.js des del repositori NodeSource.

Instal·lació d'eines de construcció

A més d'instal·lar el mateix Node.js, també haurem d'instal·lar algunes eines de compilació necessàries, que ajudaran a construir els mòduls que necessitem instal·lar.

sudo apt-get install -y build-essential

Això simplement baixa i instal·la les eines de compilació des del dipòsit.

Configuració del directori d'aplicacions

És una bona pràctica designar una carpeta que utilitzarem per a la nostra aplicació, que contindrà totes les dades de la nostra aplicació, com ara fitxers de configuració i scripts d'inici. Creeu una carpeta, posant-li el nom que vulgueu. Pel bé d'aquest tutorial, suposaré que l'has nomenat site.

mkdir site

Un cop hàgiu fet la carpeta, ara podem canviar-hi. Assegureu-vos que esteu al directori que acabeu de crear, inicieu l'assistent de paquets NPM.

npm init

Us demanarà que introduïu algunes coses diferents, com ara el nom de l'aplicació, el fitxer d'inici, la llicència, etc. La majoria dels camps que podeu deixar predeterminats, excepte els camps més evidents, com ara el nom de la vostra aplicació. Al final, quedarà així:

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

Quan estigueu satisfet amb el resultat, feu clic ENTERper desar el fitxer.

S'està instal·lant Hapi.js

Ara que el vostre directori s'ha construït correctament, ara podem procedir a instal·lar Hapi.js. Com s'ha esmentat abans, utilitzarem NPM per descarregar Hapi.js, així com les seves dependències, per al nostre projecte. Al directori del projecte, executeu el següent.

npm install hapi.js

Això baixa Hapi.js de NPM i l'instal·la al directori del nostre projecte. En la mateixa execució, també es descarreguen les dependències en què es pugui confiar Hapi.js per a la nostra comoditat.

Configurant la nostra aplicació de mostra

Ara és el moment de configurar el nostre fitxer base d'aplicació Hapi.js. Això contindrà tot el nostre codi per a l'aplicació. Més endavant, podem ampliar el codi de la nostra aplicació i afegir-hi més coses, segons creguem.

A continuació, crearem el nostre fitxer d'inici. Torneu a consultar la mainsecció del vostre package.jsonfitxer per determinar exactament com anomenar el fitxer. Com que he utilitzat l'esquema de nom predeterminat, el nostre fitxer s'anomenarà index.js.

nano index.js

Un cop estigueu dins de l'editor de text nano, creeu el vostre codi d'aplicació base, així.

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

Primer, importem el mòdul Hapi. A continuació, inicialitzem el nostre constructor de servidor, que conté l'amfitrió on volem executar el servidor, així com el port, que és 3000per a aquest tutorial. A continuació, configurem un encaminador bàsic, que indica que sempre que algú visiti el lloc, serà rebut amb un missatge senzill. Per acabar, tenim una funció asíncrona, per iniciar el nostre servidor, que iniciarà sessió a la consola que està executant el nostre servidor. Quan hàgiu acabat, deseu i tanqueu el fitxer ( CTRL+ X)

Ara que el nostre fitxer principal està configurat, estem preparats per iniciar la nostra aplicació.

node index.js

Si veieu " Our server is running!" a la consola, el servidor s'ha iniciat correctament.

Instal·leu Nginx

Com que Nginx està disponible als dipòsits d'Ubuntu predeterminats, la instal·lació és senzilla. Simplement actualitzeu les vostres llistes de paquets i instal·leu-les.

sudo apt update
sudo apt install nginx -y 

Després d'actualitzar les llistes de paquets, s'instal·laran Nginx i les seves dependències.

Configura Nginx

Perquè Nginx pugui revertir el servidor intermediari de la nostra aplicació, haurem de crear un fitxer de configuració. Aquest fitxer de configuració conté informació sobre la nostra aplicació, que Nginx utilitzarà per al servidor intermediari invers.

Suprimiu la configuració predeterminada que va crear Nginx, ja que més endavant la substituirem per la nostra.

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

Feu un fitxer nou a la sites-availablecarpeta. Pel que fa a la denominació, podem limitar-nos a site, per simplicitat.

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

Al fitxer, enganxeu el següent i deseu.

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

En aquest fitxer, estem dient a Nginx que escolti al port 80. També estem configurant el pas de proxy a l' localhostadreça i port 3000, que és el mateix port que la nostra aplicació Hapi.

Ara podeu tornar al directori de la vostra aplicació i iniciar el lloc. Un cop s'hagi iniciat el lloc, només cal que navegueu a http://yourdomain.como http://yourip, i veureu el text " Hello World".

Instal·leu PM2

El PM2 es pot trobar al repositori NPM i el podeu instal·lar globalment perquè sigui accessible des de qualsevol lloc, així.

sudo npm install pm2 -g

El -gsenyalador al final indica que volem instal·lar el mòdul a la carpeta de mòduls globals, la qual cosa ens permetrà utilitzar-lo fora del directori del nostre projecte. Això s'utilitza perquè el nostre projecte es comporti com una aplicació del sistema normal.

Començant la nostra aplicació amb PM2

Un cop hàgiu instal·lat PM2, torneu al directori del vostre projecte. La sintaxi per iniciar la nostra aplicació serà una mica diferent ara. Així ho farem amb PM2.

pm2 start index.js --name site

Utilitzem la funció d'inici PM2, que bàsicament crea un perfil per a la nostra aplicació, sota el nom site. Després d'executar aquesta ordre, el vostre lloc web s'iniciarà, però notareu que els registres no es mostraran. Això és perquè la manera com veiem els registres ara és diferent.

pm2 logs site

Fins i tot podeu especificar quantes línies de registres voleu veure, amb l' --linesargument.

Conclusió

Heu configurat correctament un servidor web Hapi.js, l'heu fet servir per servidor intermediari invers amb Nginx i heu après a gestionar-lo millor amb PM2. Amb aquest coneixement, podeu ampliar encara més aquest tutorial i fer una aplicació Hapi.js molt avançada. Per obtenir més informació sobre les possibilitats d'Hapi, visiteu la seva documentació oficial . Si voleu obtenir més informació sobre les possibilitats de PM2, consulteu la seva guia d'inici ràpid .