Innholdsfortegnelse:

Slik distribuerer du en Node.js -app på Heroku: 3 trinn
Slik distribuerer du en Node.js -app på Heroku: 3 trinn
Anonim
Slik distribuerer du en Node.js -app på Heroku
Slik distribuerer du en Node.js -app på Heroku

Slik distribuerte jeg NodeJS -appen min på Heroku ved hjelp av en gratis konto. Bare klikk på koblingene for å laste ned nødvendige programvarer:

Programvare som brukes:

VSCode (eller hvilken som helst tekstredigerer du ønsker)

HerokuCLI

Git

Trinn 1: Lag en Package.json

Introduksjon:

Heroku er et vertsnettsted som lar ypu distribuere 5 apper gratis med en kjøretid på 500+ timer per måned. For å distribuere en må du laste opp tre filer:

En package.json og package-lock.json flle. Du kan følge min andre opplæring for en trinnvis veiledning om hvordan du lager en ved å klikke her. Package-lock.json vises automatisk etter at en package.json er laget. Siden vi skal kjøre den på herku, på pakken, json -filen, må du spesifisere et startskript og versjonen av noden din på enines. for å nå kjøre kommandoenoden -v. Her er et eksempel:

{

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

"test": "ekko \" Feil: ingen test spesifisert / "&& exit 1", "start": "node server.js"

}, "søkeord": , "author": "", "license": "ISC", "motorer": {

"node": "12.x"

}

}

Trinn 2: Lag din Node.js -app

Siden denne appen vil kjøre på hvilken som helst port heroku gir oss, må vi bestemme koden den vil gi oss ved å bruke denne kodeprosessen.env. PORT. Her er en node js -app som sier "hei":

const http = krever ('http'); // laster inn biblioteket slik at det kan fungere som en servervar -port = process.env. PORT || 5000; // angir portnummeret til hva heroku gir eller 5000 på den lokale verten http.createServer (funksjon (req, res) {// oppretter en server res.writeHead (200, {'Content-type': 'text/plain'}); // Spesifiserer at svarene "hei" er en tekst res.end ("hei"); // viser teksten "hei" på e -siden}). Lyt (port); // kobler denne serveren til portnr.

Trinn 3: Kommandoprompt

Ledeteksten
Ledeteksten
Ledeteksten
Ledeteksten
Ledeteksten
Ledeteksten
  • Åpne ledeteksten ved å trykke Windows+R for å åpne "Kjør" -boksen, skriv "cmd" og klikk deretter "OK"

  • På din CMD, gå til roten ved å skrive "cd.." til ingen bane er inkludert.

  • Kontroller om npm (en biblioteksbehandling installert av node), git og heroku er riktig installert ved å skrive:

npm -versjon

git -versjon heroku -versjon

Logg inn på din herku -konto

heroku pålogging

Dette lager en app på heroku:

heroku lage

For å laste opp filene dine må du komme til banen ved å skrive cd

cd

Oppretter et nytt depot (mappe) på din locl -enhet for elementene i denne banen

git init

Koble eksternt til en mappe på heroku via git på appen din

heroku git: fjernkontroll

Kopierer denne filen eksternt til ditt lokale git -arkiv u via git på appen din

git legge til.

Lagre endringene du har gjort i mappen med meldingen "gjør det bedre"

git commit -am "gjør det bedre"

Laster opp filene til git -mappen på heroku. Vent på at den skal laste ned

git push heroku master

åpner appen

heroku åpen app