Ako nasadiť aplikáciu Node.js na Heroku: 3 kroky
Ako nasadiť aplikáciu Node.js na Heroku: 3 kroky

Video: Ako nasadiť aplikáciu Node.js na Heroku: 3 kroky

Video: Ako nasadiť aplikáciu Node.js na Heroku: 3 kroky
Video: Как развернуть приложение Flask в Heroku | Развертывание Flask Heroku 2025, Január
Anonim
Ako nasadiť aplikáciu Node.js na Heroku
Ako nasadiť aplikáciu Node.js na Heroku

Tu je návod, ako som nasadil svoju aplikáciu NodeJS na Heroku pomocou bezplatného účtu. Kliknutím na odkazy si stiahnete potrebný softvér:

Použitý softvér:

VSCode (alebo ľubovoľný textový editor podľa vášho výberu)

HerokuCLI

Git

Krok 1: Vytvorte Package.json

Úvod:

Heroku je hostiteľská webová stránka, ktorá vám umožní bezplatne nasadiť 5 aplikácií s dobou prevádzky 500+ hodín mesačne. Na jeho nasadenie budete musieť nahrať 3 súbory:

Balíček package.json a package-lock.json flle. Kliknutím na tento odkaz môžete sledovať môj ďalší návod na krok za krokom, ako ho vytvoriť. Package-lock.json sa zobrazí automaticky po vytvorení balíka.json. Pretože ho spustíme na herku, vo vašom balíku, súbore json, musíte zadať štartovací skript a verziu svojho uzla na eninách. teraz spustite príkazový uzol -v. Tu je príklad:

{

"name": "heroku", "verzia": "1.0.0", "description": "", "main": "index.js", "skripty": {

"test": "echo \" Chyba: nie je zadaný žiadny test / "&& exit 1", "start": "uzol server.js"

}, "Kľúčové slová": , "autor": "", "license": "ISC", "motory": {

"uzol": "12.x"

}

}

Krok 2: Vytvorte si aplikáciu Node.js

Pretože táto aplikácia pobeží na akomkoľvek porte heroku, ktorý nám poskytne, musíme pomocou tohto kódu process.env. PORT určiť kód, ktorý nám poskytne. Tu je aplikácia node js, ktorá hovorí „ahoj“:

const http = require ('http'); // načíta knižnicu, aby mohla fungovať ako servervar port = process.env. PORT || 5 000; // určuje číslo portu pre čokoľvek, čo heroku dáva, alebo 5 000 na lokálnom hostiteľovi http.createServer (funkcia (req, res) {// vytvára server res.writeHead (200, {'Content-type': 'text/plain'}); // Určuje, že odpoveďou „ahoj“je text res.end („ahoj“); // zobrazí text „ahoj“na stránke eweb}).) Listen (port); // pripája tento server k portu č.

Krok 3: Príkazový riadok

Príkazový riadok
Príkazový riadok
Príkazový riadok
Príkazový riadok
Príkazový riadok
Príkazový riadok
  • Otvorte príkazový riadok stlačením klávesov Windows+R a otvorte pole „Spustiť“, zadajte príkaz „cmd“a kliknite na tlačidlo „OK“
  • Na vašom CMD choďte do koreňa tak, že budete písať „cd..“, kým nebude zadaná žiadna cesta.

  • Skontrolujte, či je npm (správca knižnice nainštalovaný podľa uzla), git a heroku správne nainštalovaný, zadaním:

npm -verzia

git --version heroku --verzia

Prihláste sa do svojho účtu herku

prihlásenie do heroku

Tým vytvoríte aplikáciu na heroku:

heroku vytvárať

Ak chcete nahrať svoje súbory, musíte sa dostať na jeho cestu zadaním cd

cd

Vytvorí nové úložisko (priečinok) na vašom zariadení locl pre položky na tejto ceste

git init

Pripojte sa vzdialene k priečinku na heroku prostredníctvom gitu vo vašej aplikácii

heroku git: diaľkové ovládanie

Tento súbor sa vzdialene skopíruje do vášho lokálneho úložiska git u pomocou git vo vašej aplikácii

git pridať.

Uložené zmeny uložte do priečinka so správou „vylepšiť“

git commit -am „urob to lepšie“

Odošle súbory do priečinka git na heroku. Počkajte, kým sa stiahne

git push majster heroku

otvorí aplikáciu

otvorená aplikácia heroku