Heroku Deploy - Hogyan lehet webalkalmazást vagy webhelyet gyártásba állítani

Egy alkalmazás telepítésénél általában két lehetőség van: VPS vagy PaaS (platform mint szolgáltatás). Ez a cikk egy receptet mutat be, amellyel alkalmazást lehet telepíteni egy olyan PaaS-ra, mint a Heroku.

1. lépés - Hozza létre a projektet

Az első lépés egy egyszerű felépítés létrehozása a projektünkhöz néhány alapvető fájllal. Ehhez a cikkhez létrehozok egy demo szervert a NodeJS segítségével.

Egy új mappában megnyitok egy terminált és futtatom a parancsot npm init -yegy új projekt létrehozásához. A próbakiszolgálót Express-ben írják, ezért npm install expressa modul telepítéséhez futtatnunk kell a parancsot.

A könyvtár telepítése után létrehozhatunk egy új fájlt a projektünkhöz, amelynek neve app.js. Beleírjuk az egyszerű szerver kódját:

A futtatással elindíthatjuk az alkalmazást node app.js. Ezután kipróbálhatjuk a következő URL-en //localhost:3000. Ekkor látnia kell az üzenetet Hello Worlda böngészőben.

2. lépés - Verzióellenőrző rendszer

A következő lépés egy verzióvezérlő rendszer kiválasztása, és kódunk elhelyezése egy fejlesztői platformon egy lerakatban.

A legnépszerűbb verzióvezérlő rendszer a Git és a Github, mint fejlesztői platform, tehát itt fogjuk használni.

A GitHubon folytassa, és hozzon létre egy új tárhelyet az alkalmazásához, így:

A helyi kód feltöltéséhez egy tárba kell futtatnia a Githubban felsorolt ​​parancsokat, miután rákattintott a Create repositorygombra:

! Mielőtt ezt megtennénk, figyelmen kívül kell hagynunk néhány fájlt. Csak azt a kódot akarjuk feltölteni a tárba, amelyet írunk, a függőségek (a telepített modulok) nélkül.

Ehhez létre kell hoznunk egy új fájlt, .gitignoreés bele kell írnunk azt a fájlt, amelyet figyelmen kívül akarunk hagyni.

Most megírhatjuk a fenti képen felsorolt ​​parancsokat (a GitHub-ból).

Ha helyesen futtatta a parancsokat, akkor azok a tárház oldalán lesznek. Ha frissíti, meg kell látnia a fájlokat, kivéve azt, amelyet kifejezetten figyelmen kívül hagyott, nevezetesen node_modules.

3. lépés - Kapcsolja össze az adattárat Heroku-val

Ebben a lépésben összekapcsolhatjuk a Github adattárát a Heroku alkalmazásunkkal.

Először hozzon létre egy új alkalmazást a Heroku-n, és kövesse a platformon felsorolt ​​lépéseket.

Az alkalmazás létrehozása után megjelenik egy ehhez hasonló ablak:

Most, ha megnézi a navigációs tetején, látni fogja   Overview, Resources, Deploy, Metrics  és így tovább. Győződjön meg róla, hogy ki Deployvan jelölve. Ezután a második sorban kattintson a GitHub ikonra.

Keresse meg a kívánt alkalmazást, ami demo-deploy-app-09a mi esetünkben van. Ezután kattintson a gombra Connect.

Miután az alkalmazás sikeresen kapcsolódott a Heroku-fiókjához, kattintson Deploy Branchaz alkalmazás telepítéséhez.

Ha akarja, kiválaszthatja azt az opciót is, Enable Automatic Deploysamely automatikusan meghúzza a kódot a Github lerakatból, valahányszor lenyomja az adott lerakatot.

Az alkalmazás telepítése után kattintson a Nézet gombra az alkalmazás megnyitásához.

4. lépés - Állítsa be a Herokut az alkalmazás megfelelő futtatásához

Ha ezen a ponton megnyitja az alkalmazást, valami ilyesmit kell látnia:

Így van, hiba. Ez azért van, mert Heroku nem tudja, hogyan indítsuk el az alkalmazásunkat.

Ha emlékszel, lefuttattuk a parancsot node app.js, hogy az alkalmazást helyileg indítsuk el.

Heroku nem tudja tudni, milyen parancsokat kell futtatnia az alkalmazás elindításához, és ezért dobott hibát.

A probléma megoldásához létre kell hoznunk egy új fájlt, amelynek neve Procfilea következő web: node ./app.js.

Alkalmazásunk frissítéséhez mindössze annyit kell tennünk, hogy új elkötelezettséget kell kérnünk a GitHub felé. Ha engedélyeztük az Automatic Deploysopciót, akkor a kód automatikusan Heroku-ra kerül. Ellenkező esetben újra rá kell kattintanunk Deploy Branch.

Az alkalmazás újjáépítése után látnunk kell, hogy így működik:

5. lépés - Hogyan adjunk hozzá egy bővítményt

A Heroku egyik legfontosabb előnye, hogy könnyedén hozzáadhat erőforrásokat add-onsa projektjeihez. Ezek a külső források adatbázisok, naplózási és felügyeleti eszközök, CI és CD eszközök vagy tesztelő eszközök formájában érkeznek.

Tehát most nézzük meg, hogyan adhatunk hozzá új erőforrást a projekthez. Először a Resources oldalra lépünk, és onnan hozzáadunk egy új eszközt a teszteléshez.

Menjen előre, kattintson a gombra, Find more add-onsmajd keressen rá Loadmill.

A Loadmill egy tesztelő eszköz, amely nagyon jó regressziós teszteléshez és terhelés teszteléshez.

Menj előre, és kattints a gombra Install…. Ezután válassza ki az összekapcsolni kívánt alkalmazást.

Ebben a lépésben a Heroku automatikusan létrehoz egy új fiókot az Ön számára a kiépített platformon.

Az erőforrások lapon láthatja az újonnan hozzáadott erőforrást:

Ha folytatja a hozzáférést ehhez a kiegészítõhöz, látnia kell az irányítópultját, amely tartalmaz egy bevezetõ oktatóanyagot és egy demótesztet, amelyet Ön számára készített.

Következtetés

A Heroku lehetővé teszi a fejlesztők számára, hogy gyorsan és szinte fájdalommentesen telepítsenek egy alkalmazást egy webszerverre.

Sok plugint is biztosít, amelyeket integrálhat az alkalmazásába.

A PaaS megoldás mindig gyorsabb haladást tesz lehetővé, mint a VPS-sel végzett megoldás, ahol mindent alapból konfigurálnia kell.