So stellen Sie eine Node.js-App auf Heroku bereit: 3 Schritte

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:15

So habe ich meine NodeJS-App auf Heroku mit einem kostenlosen Konto bereitgestellt. Klicken Sie einfach auf die Links, um die erforderliche Software herunterzuladen:

Verwendete Software:

VSCode (oder ein Texteditor Ihrer Wahl)

HerokuCLI

Git

Schritt 1: Erstellen Sie eine Package.json

Einführung:

Heroku ist eine Hosting-Website, die es ypu ermöglicht, 5 Apps kostenlos mit einer Laufzeit von über 500 Stunden pro Monat bereitzustellen. Um eine bereitzustellen, müssen Sie 3 Dateien hochladen:

Eine package.json- und eine package-lock.json-Datei. Sie können meinem anderen Tutorial folgen, um eine Schritt-für-Schritt-Anleitung zum Erstellen eines zu erhalten, indem Sie hier klicken. Die package-lock.json wird automatisch angezeigt, nachdem eine package.json erstellt wurde. Da wir es auf Herku ausführen werden, müssen Sie in Ihrem Paket, der json-Datei, ein Startskript und die Version Ihres Knotens auf enines angeben. Führen Sie dazu jetzt den Befehl node -v aus. Hier ist ein Beispiel:

{

"name": "heroku", "version": "1.0.0", "Bezeichnung": "", "main": "index.js", "Skripte": {

"test": "echo \"Fehler: kein Test angegeben\" && Ausgang 1", "start": "node server.js"

}, "Schlüsselwörter": , "Autor": "", "Lizenz": "ISC", "Motoren": {

"Knoten": "12.x"

}

}

Schritt 2: Erstellen Sie Ihre Node.js-App

Da diese App auf jedem Port läuft, den heroku uns gibt, müssen wir den Code bestimmen, den sie uns gibt, indem wir diesen Code verwenden process.env. PORT. Hier ist eine Node-js-App, die "Hallo" sagt:

const http = require('http'); // lädt die Bibliothek, damit sie als Servervar fungieren kann port = process.env. PORT || 5000; // gibt die Portnummer für alles an, was heroku angibt oder 5000 auf dem lokalen Host http.createServer(function(req, res){ // erstellt einen Server res.writeHead(200, {'Content-type':'text/plain'}); //Gibt an, dass die Antwort "Hallo" ein Text ist res.end("Hallo"); //Zeigt den Text "Hallo" auf der Webseite an }).listen(port); // verbindet diesen Server mit der Port-Nr.

Schritt 3: Eingabeaufforderung

• Öffnen Sie Ihre Eingabeaufforderung, indem Sie Windows + R drücken, um das Feld "Ausführen" zu öffnen, geben Sie dann "cmd" ein und klicken Sie dann auf "OK".
• Gehen Sie auf Ihrem CMD zum Stamm, indem Sie "cd.." eingeben, bis kein Pfad mehr enthalten ist.
• Überprüfen Sie, ob npm (ein vom Knoten installierter Bibliotheksmanager), git und heroku ordnungsgemäß installiert sind, indem Sie Folgendes eingeben:

npm --version

git --version heroku --version

Melden Sie sich bei Ihrem Herku-Konto an

Heroku-Login

So erstellen Sie eine App auf heroku:

heroku erstellen

Um Ihre Dateien hochzuladen, müssen Sie den Pfad aufrufen, indem Sie cd. eingeben

CD

Erstellt ein neues Repository (Ordner) auf Ihrem locl-Gerät für die Elemente in diesem Pfad

git init

Stellen Sie über Git in Ihrer App eine Remote-Verbindung zu einem Ordner auf heroku her

heroku git: remote

Kopiert diese Datei aus der Ferne in Ihr lokales Git-Repository u über Git in Ihrer App

git hinzufügen.

Speichern Sie die Änderungen, die Sie am Ordner vorgenommen haben, mit der Meldung "Make it better"

git commit -am "mach es besser"

Lädt die Dateien in den git-Ordner von heroku hoch. Warten Sie, bis es heruntergeladen ist

git push heroku meister

öffnet die App

heroku offene App