Heroku Deploy - Kako gurnuti web aplikaciju ili web mjesto u proizvodnju

Što se tiče postavljanja aplikacije, obično postoje dvije mogućnosti: VPS ili PaaS (platforma kao usluga). Ovaj će vam članak pokazati recept za postavljanje aplikacije u produkciju na PaaS-u poput Herokua.

Korak 1 - Stvorite projekt

Prvi korak je stvaranje jednostavne strukture za naš projekt s nekim osnovnim datotekama. Za ovaj ću članak stvoriti demo poslužitelj s NodeJS-om.

U novoj mapi otvorit ću terminal i pokrenuti naredbu npm init -ykako bih stvorio novi projekt. Lažni poslužitelj bit će napisan u Expressu, pa moramo pokrenuti npm install expressnaredbu da bismo instalirali ovaj modul.

Nakon što se ova knjižnica instalira, možemo stvoriti novu datoteku za naš projekt, nazvanu app.js. U njemu ćemo napisati kod za naš jednostavni poslužitelj:

Aplikaciju možemo pokrenuti pokretanjem node app.js. Tada ga možemo isprobati na sljedećem URL-u //localhost:3000. U ovom biste trenutku trebali vidjeti poruku Hello Worldu pregledniku.

Korak 2 - Sustav kontrole verzija

Sljedeći je korak odabir sustava kontrole verzija i postavljanje našeg koda u razvojnu platformu u spremište.

Najpopularniji sustav za upravljanje verzijama je Git zajedno s Githubom kao razvojnom platformom, pa ćemo to ovdje koristiti.

Na GitHub-u, stvorite novo spremište za svoju aplikaciju, poput ovog:

Da biste svoj lokalni kôd prenijeli u spremište, trebate pokrenuti naredbe navedene na Githubu nakon što kliknete Create repositorygumb:

! Prije nego što to učinimo, moramo zanemariti neke datoteke. Želimo u spremište prenijeti samo kod koji napišemo, bez ovisnosti (instalirani moduli).

Za to moramo stvoriti novu datoteku .gitignorei unutar nje napisati datoteku koju želimo ignorirati.

Sada možemo napisati naredbe navedene na gornjoj slici (onu s GitHub-a).

Ako ste pravilno izvršili naredbe, to će biti na stranici vašeg spremišta. Ako ga osvježite, trebali biste vidjeti svoje datoteke, osim one koju ste izričito ignorirali node_modules.

Korak 3 - Povežite spremište s Herokuom

U ovom koraku možemo povezati spremište iz Githuba s našom Heroku aplikacijom.

Prvo stvorite novu aplikaciju na Herokuu i slijedite korake navedene na platformi.

Nakon izrade aplikacije trebao bi se pojaviti prozor sličan ovom:

Sada, ako pogledate na navigaciju na vrhu, vidjet ćete   Overview, Resources, Deploy, Metrics  i tako dalje. Svakako Deployodaberite Zatim u drugom redu kliknite ikonu GitHub.

Potražite željenu aplikaciju, što je demo-deploy-app-09u našem slučaju. Zatim kliknite Connect.

Nakon što se aplikacija uspješno poveže s vašim Heroku računom, možete kliknuti Deploy Branchza postavljanje aplikacije.

Ako želite, možete odabrati i opciju Enable Automatic Deployskoja će automatski povući kod iz vašeg Github spremišta svaki put kada pritisnete to spremište.

Nakon što je aplikacija postavljena, možete kliknuti na Pogled da biste otvorili aplikaciju.

Korak 4 - Konfigurirajte Heroku za pravilno pokretanje aplikacije

Ako otvorite aplikaciju u ovom trenutku, trebali biste vidjeti nešto poput ovoga:

Točno, pogreška. To je zato što Heroku ne zna kako pokrenuti našu aplikaciju.

Ako se sjećate, pokrenuli smo naredbu node app.jsza lokalno pokretanje aplikacije.

Heroku nikako ne može znati koje naredbe treba pokrenuti za pokretanje aplikacije i zato je izbacio pogrešku.

Kako bi riješio taj problem, moramo stvoriti novu datoteku pod nazivom Procfilesa sljedećim sadržajem: web: node ./app.js.

Da bismo ažurirali našu aplikaciju, sve što trebamo je gurnuti novo predavanje na GitHub. Ako smo omogućili Automatic Deploysopciju, tada će se kôd automatski povući u Heroku. U suprotnom trebamo kliknuti Deploy Branchponovno.

Nakon što se aplikacija ponovo izgradi, trebali bismo vidjeti da radi ovako:

Korak 5 - Kako dodati dodatak

Jedna od ključnih prednosti koju Heroku pruža jest činjenica da add-onssvom projektu možete jednostavno dodati resurse u obliku . Ti vanjski resursi dolaze u obliku baza podataka, alata za bilježenje i nadzor, CI i CD alata ili alata za testiranje.

Pa sada da vidimo kako svom projektu dodati novi resurs. Prvo ćemo otići na Resurse, a odatle ćemo dodati novi alat za testiranje.

Samo naprijed, kliknite Find more add-onsi potražite Loadmill.

Loadmill je alat za testiranje koji je stvarno izvrstan za regresijsko testiranje i ispitivanje opterećenja.

Samo naprijed i kliknite na Install…. Zatim odaberite aplikaciju koju želite povezati.

U ovom koraku Heroku će automatski stvoriti novi račun za vas na predviđenoj platformi.

Na kartici resursa možete vidjeti novo dodani resurs:

Ako nastavite i pristupite ovom dodatku, trebali biste vidjeti njegovu nadzornu ploču s uvodnim vodičem i demo testom stvorenim za vas.

Zaključak

Heroku omogućuje programerima da brzo i gotovo bezbolno primene aplikaciju na web poslužitelju.

Također pruža puno dodataka koje možete integrirati u svoju aplikaciju.

PaaS rješenje uvijek će vam omogućiti brže kretanje od rješenja s VPS-om gdje morate konfigurirati sve od temelja.