Einrichten eines Express.js-Webservers unter Ubuntu 16.04 LTS

• Node.js installieren
• Express installieren

In diesem Tutorial installieren wir einen einfachen Express.js-Webserver unter Verwendung von Node.js, einer Javascript-Laufzeit basierend auf der Chrome V8-Engine, auf unserem Vultr VPS unter Ubuntu 16.04. Wenn Sie es nicht wissen, ist Express.js ein minimales und flexibles Node.js-Framework, mit dem Sie Webanwendungen schreiben können. Es zeigt wirklich, was Node.js in Bezug auf die Webentwicklung leisten kann. Also, ohne weiteres, fangen wir an!

Node.js installieren

Zunächst müssen Sie Node.js installieren, das Backend für unsere Express-Site. Um es unter Ubuntu 16.04 zu installieren, müssen wir zuerst das Repository für die neueste Version hinzufügen. Geben Sie dazu Folgendes ein:

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

Dies bedeutet, dass die neuesten 8.x-Pakete von nodeource.com abgerufen und als APT-Repository eingerichtet werden. Wenn dies abgeschlossen ist, führen Sie Folgendes aus, um Node zu installieren:

sudo apt-get install -y nodejs build-essential

Dies führt dazu, dass Node.js selbst installiert wird und es build-essentialsich um einige Tools handelt, die Sie möglicherweise beim Kompilieren von Modulen benötigen. Wenn dies erledigt ist, erstellen wir ein neues Knotenprojekt. Stellen Sie zunächst sicher, dass Sie sich in Ihrem /homeVerzeichnis befinden.

/home/yourname

Um dies zu überprüfen, geben Sie einfach pwdIhr Terminal ein und wenn Sie sehen /home/yourname, sind Sie fertig! Dann werden wir die Init-Funktion von npm verwenden, um eine zu erstellen, package.jsonin der alle unsere Module verfolgt werden. Geben Sie dazu npm initIhr Terminal ein. Befolgen Sie alle Anweisungen, und Sie werden dies sehen, wenn Sie fertig sind:

{
  "name": "example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "rich",
  "license": "MIT"
}

Klicken Sie dann zur Bestätigung auf die Eingabetaste.

Express installieren

Als nächstes werden wir unser Express-Modul installieren. Geben Sie dazu einfach Folgendes ein:

npm install express

Warten Sie, bis die Installation abgeschlossen ist.

Um das Leben leichter zu machen, werden wir ein hübsches kleines Modul namens verwenden express-generator. Dies wird dazu führen, dass eine Skelett-Website für uns erstellt wird, die das Leben viel einfacher macht. Es kümmert sich um die grundlegenden Dinge, wie Routen und so. Um Express Generator zu installieren, geben Sie einfach Folgendes ein:

npm install express-generator -g

Wir geben das -gFlag an, was bedeutet, dass es global ist, und wir können es in unserem gesamten System verwenden. Sobald wir die Installation abgeschlossen haben, müssen wir eine Entscheidung treffen. Wir müssen auswählen, welche Rendering-Engine wir für unser Projekt verwenden möchten. Der Kürze halber werden wir ejsin diesem Tutorial eine großartige Rendering-Engine verwenden, die Sie unbedingt genauer betrachten sollten. Um unser nacktes Projekt einzurichten, geben Sie einfach Folgendes ein:

express -v ejs mysite

Dadurch wird in unserem vorhandenen Projekt ein neuer Ordner mit dem Namen erstellt mysite. Führen Sie nun den folgenden Befehl aus, um sicherzustellen, dass alle erforderlichen Module für das Projekt vorhanden sind.

npm install

Nachdem wir das grundlegende Website-Setup haben, können wir es starten! Um die Website mit einem einfachen Port zu starten, geben Sie einfach Folgendes ein:

DEBUG=mysite:* npm start

Die Website wird jetzt gestartet. Das einzige Problem ist, dass Sie die Website nicht sehen können, da Sie ein Terminal verwenden. Um die Beispielseite anzuzeigen, müssen wir dem HTTP-Server eine IP-Adresse angeben, die die IP-Adresse unseres VPS ist. Um Ihre IP-Adresse zu erhalten, rufen Sie einfach Ihr Vultr VPS-Bedienfeld auf und klicken Sie auf die Registerkarte Server. Es sollte sich direkt unter Ihrem Servernamen unten befinden. Zum Beispiel: "1024 MB Server - yourIP". Kopieren Sie diese IP-Adresse und halten Sie sie in der Nähe, da wir sie benötigen. Kehren Sie dann zu Ihrem Server zurück und ändern Sie Ihr Verzeichnis in den Ordner bin.

cd mysite/bin

Dies setzt voraus, dass Sie den Ordner in Ihrem Home-Verzeichnis erstellt haben. Bearbeiten Sie die Datei im Inneren: die wwwDatei. Dazu verwenden wir den integrierten Editor Nano.

nano www

Sobald Sie drinnen sind, navigieren Sie zu dieser Zeile:

server.listen(port);

Fügen Sie Ihre IP-Adresse in diese Zeile ein. Bearbeiten Sie es so, dass es so aussieht:

server.listen(port, 'your ip here');

Drücken Sie dann "Strg-O" auf Ihrer Tastatur und "Enter", um zu speichern. Drücken Sie "control-x", um den Vorgang zu beenden. Jetzt können wir unseren Server starten. Geben Sie einfach denselben Befehl ein, den wir zuvor eingegeben haben, um ihn zu testen:

DEBUG=mysite:* npm start

Die Konsole gibt nun den Port aus, den sie abhört. Behalten Sie diesen Port im Auge, wie Sie ihn benötigen. Öffnen Sie zum Anzeigen Ihrer Website Ihren Webbrowser und navigieren Sie zur folgenden URL.

http://yourIP:port

Zum Beispiel könnte es so aussehen:

http://192.0.2.0:3000

Wenn alles gut gegangen ist, wird "Welcome to Express" auf Ihrem Bildschirm angezeigt!

Und du bist fertig! Sie haben Ihre erste Express-Site mit Node.js erstellt, auf der ein Vultr-VPS ausgeführt wird. Wenn Sie mehr über Express, und was man damit machen kann, empfehle ich auf ihre Website gehen über in http://expressjs.org und der EJS - Website unter http://ejs.co , wo man auf die lesen können Dokumentation und erstellen Sie Ihre eigene Killer-Site!