Jak wdrożyć aplikację Node.js w Heroku: 3 kroki

2025 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2025-01-13 06:58

Oto jak wdrożyłem moją aplikację NodeJS na Heroku przy użyciu darmowego konta. Wystarczy kliknąć łącza, aby pobrać niezbędne oprogramowanie:

Użyte oprogramowanie:

VSCode (lub dowolny edytor tekstu do wyboru)

HerokuCLI

Gita

Krok 1: Utwórz plik Package.json

Wstęp:

Heroku jest witryną hostingową, która umożliwia ypu wdrażanie 5 aplikacji za darmo z czasem działania wynoszącym ponad 500 godzin miesięcznie. Aby go wdrożyć, musisz przesłać 3 pliki:

Plik pakiet.json i pakiet-lock.json. Możesz śledzić mój inny samouczek, aby uzyskać samouczek krok po kroku dotyczący tworzenia jednego, klikając tutaj. Plik package-lock.json pojawia się automatycznie po utworzeniu pliku package.json. Ponieważ będziemy uruchamiać go na herku, w twoim pakiecie, pliku json, musisz określić skrypt startowy i wersję swojego węzła na enines. do tej pory uruchom węzeł poleceń -v. Oto przykład:

{

"imię": "heroku", "wersja": "1.0.0", "opis": "", "main": "index.js", "skrypty": {

"test": "echo \"Błąd: nie określono testu\" && exit 1", "start": "węzeł server.js"

}, "słowa kluczowe": , "autor": "", "licencja": "ISC", "silniki": {

"węzeł": "12.x"

}

}

Krok 2: Stwórz swoją aplikację Node.js

Ponieważ ta aplikacja będzie działała na każdym porcie, który nam poda heroku, musimy określić kod, który nam da, za pomocą tego kodu process.env. PORT. Oto aplikacja node js, która mówi „cześć”:

const http = require('http'); //ładuje bibliotekę, aby mogła działać jako zmienna serwera port = process.env. PORT || 5000; //określa port no do czegokolwiek heroku lub 5000 na lokalnym hoście http.createServer(function(req, res){ // tworzy serwer res.writeHead(200, {'Content-type':'text/plain'} //Określa, że odpowiedzią "hello" jest tekst res.end("hello"); //pokazuje tekst "hello" na stronie internetowej }).listen(port); // dołącza ten serwer do portu nr.

Krok 3: Wiersz polecenia

• Otwórz wiersz poleceń, naciskając Windows + R, aby otworzyć pole „Uruchom”, a następnie wpisz „cmd”, a następnie kliknij „OK”

• W CMD przejdź do katalogu głównego, wpisując „cd..”, aż nie zostanie uwzględniona żadna ścieżka.

• Sprawdź, czy npm (menedżer bibliotek instalowany przez węzeł), git i heroku są poprawnie zainstalowane, wpisując:

npm --wersja

git --version heroku --version

Zaloguj się na swoje konto herku

Zaloguj się do heroku

To tworzy aplikację na heroku:

tworzenie heroku

Aby przesłać pliki, musisz przejść do jego ścieżki, wpisując cd

Płyta CD

Tworzy nowe repozytorium (folder) na twoim urządzeniu locl dla elementów w tej ścieżce

git init

Połącz się zdalnie z folderem w heroku przez git w swojej aplikacji

heroku git: zdalny

Kopiuje ten plik zdalnie do lokalnego repozytorium git za pomocą git w Twojej aplikacji

git dodaj.

Zapisz zmiany wprowadzone w folderze z komunikatem „popraw to”

git commit -am "zrób to lepiej"

Przesyła pliki do folderu git na heroku. Poczekaj, aż się pobierze

git push mistrz heroku

otwiera aplikację

Heroku otwórz aplikację