Node.js installieren und einen Webserver starten

Leave a comment
German / Deutsch / Tutorials

In diesem Tutorial geht es darum, einen einfachen Webserver auf Node.js-Basis zu installieren und zu testen. Dieses Tutorial ist im Rahmen der Bremer SummerSchool “Informatica Feminale” für den Kurs “Einführung in die modere Webentwicklung” (2018) entstanden.

Für eine Anleitung zur Installation von Node.js und npm in Vorbereitung auf das Setup des Express.js-Servers, gibt es hier das entsprechende Tutorial.

Den Webserver einrichten / Express.js installieren

  • Lege auf deinem Computer einen Ordner an, in dem du während des Kurses arbeiten möchtest. Den Ort kannst du beliebig festlegen.
  • Innerhalb dieses Ordners lege zwei neue Dateien an (in Windows z. B. per Rechtsklick: “Neues Textdokument”)!
  • Benenne eine Datei um in “server.js”, die andere in “index.html”. (In Windows solltest du sicher gehen, dass sich die Dateiendung mitändert, und nicht etwa eine Datei nach dem Schema “server.js.txt” und “index.html.txt” entstanden ist!)
  • Navigiere im Terminal zum neu angelegten Ordner. Der Befehl dazu lautet “cd” gefolgt vom entsprechenden Pfad. Für ein Windows-System könnte der Befehl so lauten:
    cd C:\Users\Ulrike\Projekte\Neues-Projekt1
    Für ein macOS-System wäre dies ein Beispiel-Befehl:
    cd /Volumes/PROJECTS/Neues-Projekt1
    Wenn du erfolgreich warst, wird der Pfad, in dem du dich nun befindest, der neuen Kommandozeile voran gestellt.
  • Installiere in diesem Ordner das npm-Paket “Express.js”, den de-Facto-Standard für Webanwendungen unter Node.js mit dem Terminal-Befehl
npm install express
  • Öffne die Datei “server.js” in einem Texteditor (z. B. “Sublime”) und füge diesen Quellcode ein:
const express = require('express');
const app = express();

app.use(express.static(__dirname + '/dist'));

app.get('/', function (req, res) {
res.sendFile(__dirname + '/index.html');
})

app.get('/about', function (req, res) {
res.sendFile(__dirname + '/about.html');
})

app.listen(3000);
console.log("server started on port 3000");
  • Öffne die Datei “index.html” und füge einen beliebigen Text ein, z. B. “Hello World!”. Optional kannst du eine weitere Datei “about.html” erstellen und diese mit Leben füllen.
  • Jetzt müssen wir unseren Webserver nur noch starten. Im Quellcode haben wir ihn bereits angewiesen, die Datei index.html auszugeben.

Den Webserver starten

Prüfe noch einmal, ob du dich in deinem Terminal im richtigen Dateipfad befindest. Wenn ja, gib ins Terminal den folgenden Befehl ein:

node server.js

Navigiere in deinem Browser zur URL http://127.0.0.1:3000/ oder http://localhost:3000/. Wenn alles geklappt hat, wird dort nun der Inhalt des von dir angelegten HTML-Dokuments angezeigt, also z. B. “Hello World”.

In diesem Beispiel-Tutorial übernimmt unser Server das Handling der Routen (z. B. /about) für uns. Wir könnten den Server auch noch weitere Aufgaben erfüllen lassen, z. B. die Anbindung einer Datenbank.

Ein Beispiel zum Ausliefern einer statischen Website durch Express.js findest du hier.

Den Webserver stoppen

Den gestarteten Webserver kannst du jederzeit wieder stoppen. Dann ist er nicht mehr unter der URL http://127.0.0.1:3000/ erreichbar. Im Terminal musst du dazu lediglich [Strg] + [C] bzw. [Ctrl] + [C] drücken.

Leave a Reply

Your email address will not be published. Required fields are marked *