Så här distribuerar du en Node.js -app på Heroku: 3 steg

2025 Författare: John Day | [email protected]. Senast ändrad: 2025-01-23 15:10

Så här distribuerade jag min NodeJS -app på Heroku med ett gratis konto. Klicka bara på länkarna för att ladda ner nödvändiga programvaror:

Programvara som används:

VSCode (eller valfri textredigerare)

HerokuCLI

Git

Steg 1: Skapa ett Package.json

Introduktion:

Heroku är en värdwebbplats som tillåter ypu att distribuera 5 appar gratis med en körtid på 500+ timmar per månad. För att distribuera en måste du ladda upp tre filer:

En package.json och package-lock.json flle. Du kan följa min andra handledning för en steg -för -steg -handledning om hur du gör en genom att klicka här. Package-lock.json visas automatiskt efter att ett package.json har gjorts. Eftersom vi kommer att köra den på herku, på ditt paket, json -fil måste du ange ett startskript och verisonen av din nod på enines. för att nu köra kommandonoden -v. Här är ett exempel:

{

"name": "heroku", "version": "1.0.0", "description": "", "main": "index.js", "skript": {

"test": "echo \" Fel: inget test specificerat / "&& exit 1", "start": "nod server.js"

}, "nyckelord": , "author": "", "licens": "ISC", "motorer": {

"nod": "12.x"

}

}

Steg 2: Skapa din Node.js -app

Eftersom den här appen körs på alla portar som Heroku ger oss, måste vi bestämma koden den kommer att ge oss genom att använda denna kodprocess.env. PORT. Här är en nod js -app som säger "hej":

const http = require ('http'); // laddar biblioteket så att det kan fungera som en servervar -port = process.env. PORT || 5000; // anger portnummer till vad heroku ger eller 5000 på lokal värd http.createServer (funktion (req, res) {// skapar en server res.writeHead (200, {'Content-type': 'text/plain'}); // Anger att svaret "hej" är en text res.end ("hej"); // visar texten "hej" på eveb -sidan}). Lyssna (port); // kopplar denna server till portnr.

Steg 3: Kommandotolken

• Öppna kommandotolken genom att trycka på Windows+R för att öppna "Kör" -rutan, skriv "cmd" och klicka sedan på "OK"

• På din CMD, gå till roten genom att skriva "cd.." tills ingen sökväg är inkluderad.

• Kontrollera om npm (en bibliotekshanterare installerad av nod), git och heroku är korrekt installerad genom att skriva:

npm -version

git --version heroku --version

Logga in på ditt herku -konto

heroku -inloggning

Detta skapar en app på heroku:

heroku skapa

För att ladda upp dina filer måste du komma till dess sökväg genom att skriva cd

CD

Skapar ett nytt arkiv (mapp) på din locl -enhet för objekten i den här sökvägen

git init

Anslut på distans till en mapp på heroku via git på din app

heroku git: fjärrkontroll

Kopierar den här filen på distans till ditt lokala git -arkiv u via git på din app

git lägg till.

Spara ändringarna du har gjort i mappen med meddelandet "gör det bättre"

git commit -am "gör det bättre"

Ladda upp filerna till git -mappen på heroku. Vänta tills den laddar ner

git push heroku master

öppnar appen

heroku öppen app