Come distribuire un'app Node.js su Heroku: 3 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 09:59

Ecco come ho distribuito la mia app NodeJS su Heroku utilizzando un account gratuito. Basta fare clic sui collegamenti per scaricare i software necessari:

Software utilizzato:

VSCode (o qualsiasi editor di testo a tua scelta)

HerokuCLI

Idiota

Passaggio 1: creare un pacchetto.json

Introduzione:

Heroku è un sito Web di hosting che consente a ypu di distribuire 5 app gratuitamente con un runtime di oltre 500 ore al mese. Per distribuirne uno, dovrai caricare 3 file:

Un file package.json e package-lock.json. Puoi seguire il mio altro tutorial per un tutorial passo passo su come realizzarne uno facendo clic qui. Il pacchetto-lock.json viene visualizzato automaticamente dopo che è stato creato un pacchetto.json. Dal momento che lo eseguiremo su herku, sul tuo pacchetto, file json devi specificare uno script di avvio e la versione del tuo nodo su enines. per ora questo esegui il nodo di comando -v. Ecco un esempio:

{

"nome": "heroku", "versione": "1.0.0", "descrizione": "", "main": "index.js", "script": {

"test": "echo \"Errore: nessun test specificato\" && exit 1", "start": "node server.js"

}, "parole chiave": , "autore": "", "licenza": "ISC", "motori": {

"nodo": "12.x"

}

}

Passaggio 2: crea la tua app Node.js

Poiché questa app verrà eseguita su qualsiasi porta fornita da heroku, dobbiamo determinare il codice che ci fornirà utilizzando questo codice process.env. PORT. Ecco un'app node js che dice "ciao":

const http = require('http'); //carica la libreria per consentirle di agire come servervar port = process.env. PORT || 5000; //specifica la porta no a qualunque heroku dia o 5000 sull'host locale http.createServer(function(req, res){ // crea un server res.writeHead(200, {'Content-type':'text/plain'}); //Specifica che la risposta "ciao" è un testo res.end("ciao"); //mostra il testo "ciao" sulla pagina web }).listen(port); // collega questo server alla porta n.

Passaggio 3: prompt dei comandi

• Apri il prompt dei comandi premendo Windows + R per aprire la casella "Esegui", quindi digita " cmd" e quindi fai clic su " OK"
• Sul tuo CMD, vai alla radice digitando "cd.." finché non viene incluso alcun percorso.
• Controlla se npm (un gestore di librerie installato per nodo), git ed heroku è installato correttamente digitando:

npm --version

git --version heroku --version

Accedi al tuo account herku

login heroku

Questo crea un'app su heroku:

heroku crea

Per caricare i tuoi file, devi raggiungere il suo percorso digitando cd

cd

Crea un nuovo repository (cartella) sul tuo dispositivo locl per gli elementi in questo percorso

git init

Connettiti in remoto a una cartella su heroku tramite git sulla tua app

heroku git: remoto

Copia questo file in remoto nel tuo repository git locale tramite git sulla tua app

git add.

Salva le modifiche che hai fatto sulla cartella con un messaggio di "renderlo migliore"

git commit -am "rendilo migliore"

Carica i file nella cartella git su heroku. Aspetta che venga scaricato

git push heroku maestro

apre l'app

heroku apri l'app