Hogyan telepítsünk egy NodeJS alkalmazást Heroku-ra a Githubból (a Heroku telepítése nélkül a gépre)

Webfejlesztőként semmi sem elégíti ki jobban azt, hogy a munkáját szó szerint megmutathatja (és megmutathatja). Nemcsak a Twitteren található képek vagy videók segítségével, hanem lehetővé téve számukra, hogy ténylegesen interakcióba lépjenek velük - különösen, ha néhány jó mellékprojekten dolgozik, vagy pályázik egy pozícióra.

És szerencsére, most az összes felhőszolgáltatóval, a munkájának megosztása elengedhetetlen és alapvető lépés az utazás során.

Ebben a bemutatóban megvizsgáljuk, hogyan telepítheti a hűvös NodeJS alkalmazást Heroku-ra. A bemutató végére nyilvános domaineken fut egy alapvető Hello World alkalmazás, amelyhez bárki hozzáférhet.

Ennél a bemutatónál feltételezem, hogy a Node telepítve van a gépére. Ha nem, letöltheti a Nodejs.org webhelyről. A lépések egyszerűek és könnyen megtalálhatók az interneten.

Szüksége lesz egy GitHub-fiókra is, hogy online tárolhassa kódunkat. Ha még nincs fiókja, akkor ingyen létrehozhat egyet a Github.com oldalon. Ingyenes fiókkal korlátlan számú nyilvános tárhelyet hozhat létre. A Git verziókezelő rendszert fogjuk használni, hogy a Github-ra változtassuk

1. LÉPÉS: Hozza létre azt a jó alkalmazást

Most hozzuk létre azt a Cool Node alkalmazást, amelyre gondolt.

Hozz létre egy mappát a helyi gépeden, és adj neki egy nevet (tetszés szerint), mondjuk a MyCoolApp.

Adjon hozzá egy fájlt a package.json névvel, és illessze be az alábbi tartalmat. Ez a fájl a csomagunk alapvető információja. (Ez létrehozható az npm init parancs beírásával és az összes alapértelmezett beállítás elfogadásával is.)

{ "name": "coolnodeapp", "version": "1.0.0", "description": "node app ", "main": "app.js", "scripts": { "start": "node app.js" }, "repository": { "type": "git", "url": "" }, "author": "", "license": "ISC", "bugs": { "url": "" }, "homepage": "" }

Az egyik nagyon fontos változás, amelyet észre kell venni, ez a sor:

"start": "node app.js"

A telepítés után a Heroku futtatja ezt a parancsot az alkalmazás elindításához.

Adjon hozzá egy fájlt, az app.js fájlt, és illessze be az alábbi kódot. Ez lesz az alkalmazásunk kiindulópontja.

const http = require('http'); const port = process.env.PORT || 3000 const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/html'); res.end('

Hello World

'); }); server.listen(port,() => { console.log(`Server running at port `+port); });

Ez a kód alapvetően megnyit egy portot a helyi szerveren, és kiszolgál valamilyen HTML-t.

Kérjük, itt vegye figyelembe a legfontosabb kódblokkot:

const port = process.env.PORT || 3000

Ez rendkívül fontos, ha az alkalmazást a felhőbe kívánja telepíteni. Az alkalmazáskiszolgáló a felhő véletlenszerű portján indul. Ha hardveresen kódol egy portszámot, mint az összes Első lépések útmutatóban, és telepíti a felhőbe, előfordulhat, hogy az adott portszám nem érhető el. Az alkalmazás soha nem indul el. Ezért jobb, ha megkapja a felhőpéldány által hozzárendelt portszámot, és elindítja a HTTP-kiszolgálót.

Mentse a fájlt, és futtassa az alábbi parancsot a parancssor ablakában (amely a mappa belsejében van nyitva):

node app.js

Ezzel a Node elindítja a szervert, és megjeleníti az alábbi üzenetet:

Most, ha megnyitjuk a // localhost: 3000 / parancsot a böngészőben, ezt látni fogjuk:

Menő! Most hoztunk létre egy alap NodeJs alkalmazást.

2. LÉPÉS: Nyomja meg a GitHub-ot

Most szeretné feltölteni a kódunkat a GitHub-ba. Így bárhonnan szerkeszthetjük a kódunkat, és azonnal végrehajthatjuk a felhőben végrehajtott változtatásokat is.

Hozzunk létre egy tárhelyet a GitHub-on az Új tárház gombra kattintva.

Adjon neki egy nevet, néhány leírást, és kattintson a Tároló létrehozása elemre:

A GitHub létrehoz egy adattárat, és megad néhány parancsot, amelyeket helyben futtathat, így klónozhatja a helyi mappát a GitHub tárházával.

A parancssorban futtassa a parancsok alatt ebben a sorrendben.

  1. Inicializálja a Git-tárat gyökér szinten:
git init

2. Adja hozzá az összes fájlt a helyi Git-hez (staging). Figyelje meg az utolsó pontot:

git add . 

3. Végezze el a módosításokat a helyi Git-en:

git commit -m “first commit”

4. Link a GitHub-adattárhoz. (Kérjük, változtassa meg az URL-t, hogy a tárára mutasson.)

git remote add origin //github.com/rramname/MyCoolNodeApp.git

5. És nyomja meg a változtatást:

git push — set-upstream origin master

Az alábbi üzeneteket látnia kell a parancssorban.

Most, ha megnyitja a GitHub-ot és frissíti az adattárat, látnia kell a kódot.

3. LÉPÉS: Telepítés Herokuba

Most jön a móka, az ok, amiért mindezt túlélte: bevetés.

Ha még nincs fiókja a Heroku-nál, akkor ezt az egyszerű űrlap kitöltésével megnyithat egy ingyenes fiókot. (És itt nem kell megadnia a hitelkártya adatait :))

Miután elkészült a fiókja, jelentkezzen be a hitelesítő adatokkal.

Kattintson a jobb felső sarokban található Új elemre, és válassza az „Új alkalmazás létrehozása” lehetőséget.

Adjon nevet alkalmazásának (ez szerepel az alkalmazás nyilvános URL-jében), majd kattintson az Alkalmazás létrehozása gombra.

This step will take you to the dashboard of your app. Open Deploy tab and scroll to the “Deployment method” section.

Select GitHub as the method.

It will show a “Connect to GitHub” option where we can provide our GitHub repository. If you are doing it for the first time, Heroku will ask permission to access your GitHub account.

Here, you can search for your GitHub repository and click connect:

If it’s able to find and connect to the GitHub repository, the Deployment section will show up where you can select if you want Automatic Deployment (as soon as the changes are pushed to GitHub, Heroku will pick them up and deploy) or Manual Deployment.

Click Enable Automatic Deploys (because it’s less overhead for demo apps :) ). You can also select the GitHub branch if you need to, but for this demo we will deploy from the master branch.

Now we need to tell Heroku that our app is a NodeJs app. For that, we will need the NodeJs build back.

Open the Settings tab and locate Buildpacks and click “Add buildpack”.

Select nodejs from the options and click Save changes.

Now, go back to the Deploy tab, and click Deploy Branch at the bottom.

Heroku will take the code and host it. Open the Activity tab and there you can see the progress:

And that’s it!

Open the settings tab and scroll down to the Domains and certificates section. Here, you can see the URL of your app that was just deployed. Copy and paste that URL in the browser and… Hoooorah!!

We just created our own web application that can be accessed over the internet.

Great!

Please go ahead and share with others!

Happy Hosting :)