Jak nasadit aplikaci Node.js na Heroku: 3 kroky
Jak nasadit aplikaci Node.js na Heroku: 3 kroky

Video: Jak nasadit aplikaci Node.js na Heroku: 3 kroky

Video: Jak nasadit aplikaci Node.js na Heroku: 3 kroky
Video: Záznam webináře: Z localhostu na server: Jak dostat appku online? 2025, Leden
Anonim
Jak nasadit aplikaci Node.js na Heroku
Jak nasadit aplikaci Node.js na Heroku

Zde je návod, jak jsem nasadil svou aplikaci NodeJS na Heroku pomocí bezplatného účtu. Kliknutím na odkazy stáhnete potřebný software:

Použitý software:

VSCode (nebo jakýkoli textový editor podle vašeho výběru)

HerokuCLI

Git

Krok 1: Vytvořte Package.json

Úvod:

Heroku je webhostingu, který umožňuje ypu bezplatně nasadit 5 aplikací s dobou běhu 500+ hodin za měsíc. K nasazení budete muset nahrát 3 soubory:

Package.json a package-lock.json flle. Můj další tutoriál můžete sledovat krok za krokem při jeho vytváření kliknutím sem. Package-lock.json se zobrazí automaticky po vytvoření souboru package.json. Protože jej budeme spouštět na herku, na vašem balíčku, souboru json, musíte zadat počáteční skript a verzi vašeho uzlu na eninech. nyní spusťte příkaz node -v. Zde je příklad:

{

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

"test": "echo \" Chyba: není zadán žádný test / "&& exit 1", "start": "uzel server.js"

}, "klíčová slova": , "author": "", "license": "ISC", "motory": {

"node": "12.x"

}

}

Krok 2: Vytvořte aplikaci Node.js

Protože tato aplikace poběží na jakémkoli portu, který nám heroku poskytne, musíme určit kód, který nám poskytne, pomocí tohoto procesu process.env. PORT. Zde je aplikace js, která říká „ahoj“:

const http = require ('http'); // načte knihovnu, aby mohla fungovat jako servervar port = process.env. PORT || 5 000; // určuje číslo portu libovolnému heroku nebo 5000 na místním hostiteli http.createServer (funkce (req, res) {// vytvoří server res.writeHead (200, {'Content-type': 'text/plain'}); // Určuje, že odpověď „ahoj“je text res.end („ahoj“); // zobrazí text „ahoj“na stránce eweb}). Poslouchat (port); // připojí tento server k portu č.

Krok 3: Příkazový řádek

Příkazový řádek
Příkazový řádek
Příkazový řádek
Příkazový řádek
Příkazový řádek
Příkazový řádek
  • Otevřete příkazový řádek stisknutím Windows+R a otevřete pole „Spustit“, zadejte „cmd“a klikněte na „OK“
  • Na vašem CMD přejděte do kořenového adresáře zadáním „cd..“, dokud nebude zahrnuta žádná cesta.

  • Zkontrolujte, zda je npm (správce knihovny nainstalován podle uzlu), git a heroku správně nainstalován zadáním:

npm -verze

git --version heroku --version

Přihlaste se do svého účtu herku

přihlášení do heroku

Tím vytvoříte aplikaci na heroku:

heroku vytvořit

Chcete -li nahrát své soubory, musíte se dostat na jeho cestu zadáním cd

CD

Vytvoří nové úložiště (složku) na vašem zařízení locl pro položky v této cestě

git init

Připojte se vzdáleně ke složce na heroku přes git ve vaší aplikaci

heroku git: vzdálené

Zkopíruje tento soubor vzdáleně do vašeho místního úložiště git u pomocí git ve vaší aplikaci

git přidat.

Uložené změny uložte do složky se zprávou „vylepšit“

git commit -am "vylepšit to"

Nahraje soubory do složky git na heroku. Počkejte, až se sníží

git push heroku master

otevře aplikaci

otevřená aplikace heroku