Paano Mag-deploy ng isang Node.js App sa Heroku: 3 Mga Hakbang

2025 May -akda: John Day | [email protected]. Huling binago: 2025-01-23 15:12

Narito kung paano ko ipinakalat ang aking NodeJS App sa Heroku gamit ang isang libreng account. I-click lamang ang mga link upang mag-download ng mga kinakailangang software:

Ginamit na software:

VSCode (o anumang text editor na iyong pinili)

HerokuCLI

Git

Hakbang 1: Lumikha ng isang Package.json

Panimula:

Ang Heroku ay ahosting website na nagbibigay-daan sa ypu na mag-deploy ng 5 mga app nang libre na may runtime na 500+ na oras bawat buwan. Upang mag-deploy ng isa, kakailanganin mong mag-upload ng 3 mga file:

Isang package.json at package-lock.json flle. Maaari mong sundin ang aking iba pang tutorial para sa isang hakbang-hakbang na turtorial sa paggawa ng isa sa pamamagitan ng pag-click dito. Ang package-lock.json ay awtomatikong lalabas pagkatapos ng isang package.json ay nagawa. Dahil tatakbo namin ito sa herku, sa iyong package, json file na kailangan mo upang tukuyin ang isang script sa pagsisimula at ang verison ng iyong node sa enines. upang tumakbo ang command node -v. Narito ang isang halimbawa:

{

"pangalan": "heroku", "bersyon": "1.0.0", "paglalarawan": "", "main": "index.js", "script": {

"test": "echo \" Error: walang tinukoy na pagsubok / "&& exit 1", "start": "node server.js"

}, "mga keyword": , "may-akda": "", "lisensya": "ISC", "engine": {

"node": "12.x"

}

}

Hakbang 2: Lumikha ng Iyong Node.js App

Dahil tatakbo ang app na ito sa anumang port heroku na bigyan sa amin, kailangan naming matukoy ang code na ibibigay sa amin sa pamamagitan ng paggamit ng code na ito process.env. PORT. Narito ang isang node js app na nagsasabing "hello":

const http = nangangailangan ('http'); // naglo-load ng library upang paganahin itong kumilos bilang isang servervar port = process.env. PORT || 5000; // tinutukoy ang port no sa kung ano mang ibinibigay ng heroku o 5000 sa lokal na host na http.createServer (function (req, res) {// lumilikha ng isang server res.writeHead (200, {'Content-type': 'text / plain'}); // Tinutukoy na ang respones na "hello" ay isang text res.end ("hello"); // ipinapakita ang teksto na "hello" sa pahina ng eweb}). Makinig (port); // ikinakabit ang server na ito sa port no.

Hakbang 3: Command Prompt

• Buksan ang prompt ng iyong utos sa pamamagitan ng pagpindot sa Windows + R upang buksan ang kahon na "Run" pagkatapos ay i-type ang "cmd" at pagkatapos ay i-click ang "OK"
• Sa iyo CMD, pumunta sa ugat sa pamamagitan ng pag-type ng "cd.." hanggang sa walang isama na path.
• Suriin kung npm (isang library manager na naka-install sa pamamagitan ng node), ang git at heroku ay maayos na na-install sa pamamagitan ng pag-type:

npm --pagpalit

git --version heroku --versi

Mag-log in sa yor herku account

heroku login

Lumilikha ito ng isang app sa heroku:

heroku lumikha

Upang mai-upload ang iyong mga file, kailangan mong makarating sa landas nito sa pamamagitan ng pag-type ng cd

cd

Lumilikha ng isang bagong lalagyan (folder) sa iyong locl aparato para sa mga item sa landas na ito

git init

Kumonekta nang malayuan sa isang folder sa heroku sa pamamagitan ng git sa iyong app

heroku git: remote

Kopyahin ang file na ito nang malayuan sa iyong lokal na repositoryang git sa pamamagitan ng git sa iyong app

git idagdag.

I-save ang mga pagbabagong nagawa mo sa folder na may isang mensahe ng "gawing mas mahusay"

git gumawa -am "gawin itong mas mahusay"

Ina-upload ang mga file sa git folder sa heroku. Hintayin itong maibaba

git push heroku master

bubukas ang app

heroku bukas na app