Erstellen Sie eine Hapi.js-Webanwendung mit Node.js unter Ubuntu 16.04

• Node.js installieren
• Einrichten des Anwendungsverzeichnisses
• Hapi.js installieren
• Einrichten unserer Beispielanwendung
• Installieren Sie Nginx
• Konfigurieren Sie Nginx
• Installieren Sie PM2
• Starten Sie unsere App mit PM2
• Fazit

Hapi.js ist ein reichhaltiges, robustes und leistungsstarkes Node.js-Framework, das zum Erstellen von Webanwendungen im Node.js-Ökosystem entwickelt wurde. Das unkomplizierte Design erleichtert den Einstieg. Hapi verwendet im Kern viele der neuesten JavaScript ES6-Funktionen, wie z. B. ES6-Versprechen. Für diejenigen unter Ihnen, die Express bereits verwendet haben, bietet Hapi die Möglichkeit, etwas Neues auszuprobieren und die neuesten JavaScript-Funktionen zu nutzen.

In diesem Tutorial wird unser Ziel sein, eine grundlegende Hapi.js-Webseite einzurichten, die von unserem Vultr VPS unter Ubuntu 16.04 LTS gehostet wird. Für diejenigen, die eine Domain für ihre Website haben, verwenden wir einen Reverse-Proxy, um unsere Domain mit unserer Website zu verknüpfen. Schließlich lernen wir, wie man es mit einem Prozessmanager verwaltet. Jetzt, wo wir das aus dem Weg haben, fangen wir an.

Node.js installieren

Wir müssen Node.js installieren. Befolgen Sie dazu diese Anweisungen unter Ubuntu 16.04 LTS.

Repository hinzufügen

Wir müssen das NodeSource APT-Repository hinzufügen, das die neueste LTS-Version von Node.js enthält.

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

Wir laden ein Skript herunter, mit dem wir das Repository zu unserer Quellenliste hinzufügen und Node.js aus dem NodeSource-Repository installieren.

Build Tools installieren

Zusätzlich zur Installation von Node.js selbst müssen wir auch einige erforderliche Build-Tools installieren, die beim Erstellen von Modulen helfen, die wir möglicherweise installieren müssen.

sudo apt-get install -y build-essential

Dadurch werden die Build-Tools einfach aus dem Repository heruntergeladen und installiert.

Einrichten des Anwendungsverzeichnisses

Es wird empfohlen, einen Ordner zu bestimmen, den wir für unsere Anwendung verwenden und der alle Daten unserer Anwendung enthält, z. B. Konfigurationsdateien und Startskripte. Erstellen Sie einen Ordner und benennen Sie ihn nach Ihren Wünschen. Für dieses Tutorial gehe ich davon aus, dass Sie es benannt haben site.

mkdir site

Sobald Sie den Ordner erstellt haben, können wir ihn nun ändern. Starten Sie den NPM-Paketassistenten, um sicherzustellen, dass Sie sich in dem gerade erstellten Verzeichnis befinden.

npm init

Sie werden aufgefordert, einige verschiedene Dinge einzugeben, z. B. Ihren Anwendungsnamen, Ihre Startdatei, Ihre Lizenz usw. Die meisten Felder können Sie als Standard festlegen, mit Ausnahme der offensichtlicheren Felder, z. B. des Namens Ihrer Anwendung. Am Ende wird es so aussehen:

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

Wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie ENTERauf, um die Datei zu speichern.

Hapi.js installieren

Nachdem Ihr Verzeichnis erfolgreich erstellt wurde, können wir nun mit der Installation von Hapi.js fortfahren. Wie bereits erwähnt, werden wir NPM verwenden, um Hapi.js sowie seine Abhängigkeiten für unser Projekt herunterzuladen. Führen Sie im Projektverzeichnis Folgendes aus.

npm install hapi.js

Dadurch wird Hapi.js von NPM heruntergeladen und in unserem Projektverzeichnis installiert. Im gleichen Lauf werden auch alle Abhängigkeiten heruntergeladen, auf die sich Hapi.js verlassen kann.

Einrichten unserer Beispielanwendung

Jetzt ist es Zeit, unsere Basisanwendungsdatei Hapi.js einzurichten. Dies enthält unseren gesamten Code für die Anwendung. Weiter unten können wir unseren Anwendungscode erweitern und nach Belieben weitere Dinge hinzufügen.

Als nächstes erstellen wir unsere Startdatei. Lesen Sie den mainAbschnitt Ihrer package.jsonDatei, um genau zu bestimmen, wie die Datei benannt werden soll. Da ich das Standardbenennungsschema verwendet habe, wird unsere Datei aufgerufen index.js.

nano index.js

Sobald Sie sich im Nano-Texteditor befinden, erstellen Sie wie folgt Ihren Basisanwendungscode.

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

Zuerst importieren wir das Hapi-Modul. Anschließend initialisieren wir unseren Serverkonstruktor, der den Host enthält, auf dem der Server ausgeführt werden soll, sowie den Port, der 3000für dieses Lernprogramm vorgesehen ist. Als Nächstes richten wir einen Basis-Router ein, der angibt, dass jeder, der die Site besucht, mit einer einfachen Nachricht begrüßt wird. Um das Ganze abzurunden, haben wir eine asynchrone Funktion zum Starten unseres Servers, die sich bei der Konsole anmeldet, auf der unser Server ausgeführt wird. Wenn Sie fertig sind, speichern und schließen Sie die Datei ( CTRL+ X)

Nachdem unsere Hauptdatei eingerichtet ist, können wir unsere Anwendung starten.

node index.js

Wenn Our server is running!in der Konsole " " angezeigt wird, wurde der Server erfolgreich gestartet.

Installieren Sie Nginx

Da Nginx in den Standard-Ubuntu-Repositorys verfügbar ist, ist die Installation unkompliziert. Aktualisieren Sie einfach Ihre Paketlisten und installieren Sie sie.

sudo apt update
sudo apt install nginx -y 

Nach dem Aktualisieren der Paketlisten werden Nginx und seine Abhängigkeiten installiert.

Konfigurieren Sie Nginx

Damit Nginx den Proxy unserer Anwendung umkehren kann, müssen wir eine Konfigurationsdatei erstellen. Diese Konfigurationsdatei enthält Informationen zu unserer Anwendung, die Nginx für den Reverse-Proxy verwendet.

Löschen Sie die von Nginx erstellte Standardkonfiguration, da wir sie später durch unsere eigene ersetzen werden.

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

Erstellen Sie eine neue Datei im sites-availableOrdner. Was die Benennung betrifft, können wir uns der siteEinfachheit halber einfach daran halten .

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

Fügen Sie in die Datei Folgendes ein und speichern Sie es.

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 dieser Datei weisen wir Nginx an, den Port abzuhören 80. Wir setzen auch den Proxy-Passthrough auf die localhostAdresse und den Port 3000, der derselbe Port wie unsere Hapi-Anwendung ist.

Jetzt können Sie zurück zu Ihrem Anwendungsverzeichnis navigieren und die Site starten. Sobald die Site gestartet wurde, navigieren Sie einfach zu http://yourdomain.comoder http://yourip, und Sie sehen den Text " Hello World".

Installieren Sie PM2

PM2 befindet sich im NPM-Repository, und Sie können es global installieren, um von überall aus darauf zugreifen zu können.

sudo npm install pm2 -g

Das -gFlag am Ende zeigt an, dass wir das Modul im globalen Modulordner installieren möchten, damit wir es außerhalb unseres Projektverzeichnisses verwenden können. Dies wird verwendet, damit sich unser Projekt wie eine normale Systemanwendung verhält.

Starten Sie unsere App mit PM2

Navigieren Sie nach der Installation von PM2 zurück zu Ihrem Projektverzeichnis. Die Syntax zum Starten unserer Anwendung wird jetzt etwas anders sein. So machen wir das mit PM2.

pm2 start index.js --name site

Wir verwenden die PM2-Startfunktion, die im Grunde genommen unter dem Namen ein Profil für unsere Anwendung erstellt site. Nachdem Sie diesen Befehl ausgeführt haben, wird Ihre Website gestartet, aber Sie werden feststellen, dass die Protokolle nicht angezeigt werden. Das liegt daran, dass die Art und Weise, wie wir Protokolle jetzt anzeigen, anders ist.

pm2 logs site

Mit dem --linesArgument können Sie sogar angeben, wie viele Protokollzeilen angezeigt werden sollen.

Fazit

Sie haben einen Hapi.js-Webserver erfolgreich eingerichtet, ihn mit Nginx umgekehrt und gelernt, wie Sie ihn mit PM2 besser verwalten können. Mit diesem Wissen können Sie dieses Tutorial weiter ausbauen und eine sehr fortschrittliche Hapi.js-Anwendung erstellen. Um mehr über die Möglichkeiten von Hapi zu erfahren, besuchen Sie die offizielle Dokumentation . Wenn Sie mehr über die Möglichkeiten von PM2 erfahren möchten, beziehen sich auf die Kurzanleitung .