Kako postaviti aplikaciju Node.js na Heroku: 3 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:32

Evo kako sam postavio svoju NodeJS aplikaciju na Heroku koristeći besplatni račun. Samo kliknite veze za preuzimanje potrebnog softvera:

Korišteni softver:

VSCode (ili bilo koji uređivač teksta po vašem izboru)

HerokuCLI

Git

Korak 1: Izradite Package.json

Uvod:

Heroku je web stranica koja omogućuje ypu -u besplatno postavljanje 5 aplikacija s trajanjem od 500+ sati mjesečno. Da biste implementirali jednu, morate učitati 3 datoteke:

A package.json i package-lock.json flle. Možete slijediti moj drugi vodič za korak po korak kako napraviti jedan klikom ovdje. Packa-lock.json se automatski prikazuje nakon izrade package.json. Budući da ćemo je izvoditi na herku -u, na vašem paketu, json datoteci morate navesti početnu skriptu i verziju vašeg čvora na enines -u. do sada ovo pokrenite naredbeni čvor -v. Evo primjera:

{

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

"test": "echo \" Pogreška: nije naveden test / "&& izlaz 1", "start": "čvor server.js"

}, "ključne riječi": , "Autor": "", "license": "ISC", "motori": {

"čvor": "12.x"

}

}

Korak 2: Izradite svoju aplikaciju Node.js

Budući da će se ova aplikacija izvoditi na bilo kojem portu heroku koji nam da, moramo odrediti kôd koji će nam dati pomoću ovog koda process.env. PORT. Evo aplikacije node js koja kaže "zdravo":

const http = require ('http'); // učitava knjižnicu kako bi joj omogućila da djeluje kao poslužiteljski port = process.env. PORT || 5000; // navodi port ne za sve što heroku daje ili 5000 na lokalnom hostu http.createServer (function (req, res) {// stvara poslužitelj res.writeHead (200, {'Content-type': 'text/plain'})); // Određuje da je odgovor "zdravo" tekstualni res.end ("zdravo"); // prikazuje tekst "zdravo" na web stranici}). Listen (port); // priključuje ovaj poslužitelj na port br.

Korak 3: Naredbeni redak

• Otvorite naredbeni redak pritiskom na Windows+R da biste otvorili okvir "Pokreni", zatim upišite "cmd", a zatim kliknite "U redu"
• Na CMD -u idite do korijena upisivanjem "cd.." sve dok ne uključite stazu.
• Provjerite je li npm (upravitelj knjižnice instaliran od strane čvora), git i heroku ispravno instaliran upisivanjem:

npm --verzija

git --verzija heroku --verzija

Prijavite se na svoj herku račun

heroku prijava

Ovo stvara aplikaciju na heroku:

heroku stvoriti

Da biste prenijeli svoje datoteke, morate otići na njezin put upisivanjem cd

CD

Stvara novo spremište (mapu) na vašem locl uređaju za stavke na ovoj putanji

git init

Daljinski se povežite s mapom na heroku putem gita u svojoj aplikaciji

heroku git: daljinski

Kopira ovu datoteku na daljinu u vaše lokalno git spremište u putem gita u vašoj aplikaciji

git dodaj.

Spremite promjene koje ste izvršili u mapu s porukom "poboljšaj"

git commit -am "neka bude bolje"

Prenosi datoteke u mapu git na heroku. Pričekajte da se preuzme

git push heroku majstora

otvara aplikaciju

heroku otvorena aplikacija