Maak een Hapi.js-webtoepassing met Node.js op Ubuntu 16.04

• Node.js installeren
• Applicatiedirectory instellen
• Hapi.js installeren
• Het opzetten van onze voorbeeldapplicatie
• Installeer Nginx
• Configureer Nginx
• Installeer PM2
• Onze app starten met PM2
• Gevolgtrekking

Hapi.js is een rijk, robuust en krachtig Node.js-framework ontworpen voor het bouwen van webapplicaties in het Node.js-ecosysteem. Het eenvoudige ontwerp maakt het gemakkelijk om mee te beginnen. Hapi gebruikt in de kern veel van de nieuwste JavaScript ES6-functies, zoals ES6-beloften. Voor degenen onder u die Express eerder hebben gebruikt, kunt u met Hapi iets nieuws proberen en alle nieuwste JavaScript-functies ervaren.

In deze zelfstudie is ons doel het opzetten van een eenvoudige Hapi.js-webpagina, die wordt gehost vanaf onze Vultr VPS, op Ubuntu 16.04 LTS. Voor degenen die een domein voor hun site hebben, zullen we een reverse proxy gebruiken om ons domein aan onze website te koppelen. Ten slotte leren we hoe we dit kunnen beheren met een procesmanager. Nu we dat uit de weg hebben geruimd, gaan we aan de slag.

Node.js installeren

We zullen Node.js. moeten installeren Volg deze instructies om dit op Ubuntu 16.04 LTS te doen.

De repository toevoegen

We zullen de NodeSource APT-repository moeten toevoegen, die de nieuwste LTS-release van Node.js. bevat.

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

We downloaden een script dat we zullen gebruiken om de repository aan onze bronnenlijst toe te voegen, en we installeren Node.js vanuit de NodeSource-repository.

Build Tools installeren

Naast het installeren van Node.js zelf, zullen we ook enkele noodzakelijke build-tools moeten installeren, die zullen helpen bij het bouwen van modules die we mogelijk moeten installeren.

sudo apt-get install -y build-essential

Dit downloadt en installeert eenvoudig de build-tools uit de repository.

Applicatiedirectory instellen

Het is een goede gewoonte om een ​​map aan te wijzen die we voor onze applicatie zullen gebruiken, die alle gegevens van onze applicatie zal bevatten, zoals configuratiebestanden en opstartscripts. Maak een map en noem deze wat je maar wilt. In het belang van deze tutorial ga ik ervan uit dat je het een naam hebt gegeven site.

mkdir site

Nadat u de map heeft gemaakt, kunnen we er nu in veranderen. Zorg ervoor dat u zich in de map bevindt die u zojuist hebt gemaakt, start de NPM-pakketwizard.

npm init

Het zal u vragen om een ​​paar verschillende dingen in te voeren, zoals uw toepassingsnaam, startbestand, licentie enzovoort. De meeste velden kunt u standaard laten staan, behalve de meer voor de hand liggende velden, zoals de naam van uw applicatie. Uiteindelijk ziet het er zo uit:

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

Als u tevreden bent met het resultaat, klikt u ENTERop om het bestand op te slaan.

Hapi.js installeren

Nu uw directory met succes is samengesteld, kunnen we nu doorgaan met het installeren van Hapi.js. Zoals eerder vermeld, zullen we NPM gebruiken om Hapi.js te downloaden, evenals de afhankelijkheden ervan, voor ons project. Voer in de projectdirectory het volgende uit.

npm install hapi.js

Dit downloadt Hapi.js van NPM en installeert het in onze projectdirectory. In dezelfde run worden alle afhankelijkheden waarop Hapi.js kan vertrouwen ook gedownload voor ons gemak.

Het opzetten van onze voorbeeldapplicatie

Nu is het tijd om ons basis Hapi.js-toepassingsbestand in te stellen. Dit bevat al onze code voor de applicatie. Verderop kunnen we onze applicatiecode uitbreiden en er naar eigen goeddunken meer dingen aan toevoegen.

Vervolgens maken we ons startbestand aan. Verwijs terug naar de mainsectie van uw package.jsonbestand om precies te bepalen hoe u het bestand een naam geeft. Aangezien ik het standaard naamgevingsschema heb gebruikt, zal ons bestand worden aangeroepen index.js.

nano index.js

Zodra u zich in de nano-teksteditor bevindt, maakt u uw basistoepassingscode, zoals zo.

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

Eerst importeren we de Hapi-module. Vervolgens initialiseren we onze serverconstructor, die de host bevat waarop we de server willen laten draaien, evenals de poort, die 3000voor deze tutorial is bedoeld. Vervolgens hebben we een basisrouter opgezet, die aangeeft dat wanneer iemand de site bezoekt, ze worden begroet met een eenvoudig bericht. Als klap op de vuurpijl hebben we een async-functie om onze server te starten, die zich aanmeldt bij de console waarop onze server draait. Wanneer u klaar bent, slaat u het bestand op en sluit u het ( CTRL+ X)

Nu ons hoofdbestand is opgezet, zijn we klaar om onze applicatie te starten.

node index.js

Als je " Our server is running!" ziet in de console, dan is de server succesvol opgestart.

Installeer Nginx

Omdat Nginx beschikbaar is in de standaard Ubuntu-repository's, is de installatie eenvoudig. Werk eenvoudig uw pakketlijsten bij en installeer deze.

sudo apt update
sudo apt install nginx -y 

Na het vernieuwen van de pakketlijsten, zullen Nginx en zijn afhankelijkheden worden geïnstalleerd.

Configureer Nginx

Om ervoor te zorgen dat Nginx onze applicatie proxy kan omkeren, moeten we een configuratiebestand maken. Dit configuratiebestand bevat informatie over onze applicatie, die Nginx zal gebruiken voor de reverse proxy.

Verwijder de standaardconfiguratie die Nginx heeft gemaakt, omdat we deze later zullen vervangen door onze eigen configuratie.

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

Maak een nieuw bestand in de sites-availablemap. Wat betreft naamgeving kunnen we ons eenvoudig houden site, voor de eenvoud.

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

Plak het volgende in het bestand en sla het op.

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

In dit bestand vertellen we Nginx om op poort te luisteren 80. We stellen ook de proxy-passthrough in op het localhostadres en de poort 3000, wat dezelfde poort is als onze Hapi-applicatie.

Nu kunt u terug navigeren naar uw toepassingsmap en de site starten. Als de site eenmaal is gestart, navigeert u eenvoudig naar http://yourdomain.comof http://youripen ziet u de tekst ' Hello World'.

Installeer PM2

PM2 is te vinden in de NPM-repository en je kunt het wereldwijd installeren om overal toegankelijk te zijn, zoals zo.

sudo npm install pm2 -g

De -gvlag aan het einde geeft aan dat we de module in de globale modules-map willen installeren, waardoor we deze buiten onze projectdirectory kunnen gebruiken. Dit wordt gebruikt om ervoor te zorgen dat ons project zich gedraagt ​​als een normale systeemtoepassing.

Onze app starten met PM2

Nadat je PM2 hebt geïnstalleerd, navigeer je terug naar je projectdirectory. De syntaxis om onze applicatie te starten zal nu iets anders zijn. Dit is hoe we het doen met PM2.

pm2 start index.js --name site

We gebruiken de PM2-startfunctie, die in feite een profiel voor onze applicatie creëert, onder de naam site. Na het uitvoeren van die opdracht wordt uw website gestart, maar u zult merken dat de logboeken niet worden weergegeven. Dat komt omdat de manier waarop we logs nu bekijken anders is.

pm2 logs site

Je kunt zelfs specificeren hoeveel regels logs je wilt zien, met het --linesargument.

Gevolgtrekking

U hebt met succes een Hapi.js-webserver opgezet, deze via reverse-proxy met Nginx omgezet en geleerd hoe u deze beter kunt beheren met PM2. Met deze kennis kunt u deze tutorial verder uitbreiden en een zeer geavanceerde Hapi.js-applicatie maken. Bezoek hun officiële documentatie voor meer informatie over de mogelijkheden van Hapi . Als je meer wilt weten over de mogelijkheden van PM2, raadpleeg dan hun snelstartgids .