Rails alkalmazás létrehozása és telepítése Heroku-ra

Ebben a bejegyzésben egy személyes weboldalt hozunk létre sínek segítségével, és telepítjük Heroku-ra. A Heroku egy felhőalapú platform - a webalkalmazások telepítésének új módja



Ebben a bejegyzésben egy személyes weboldalt hozunk létre sínek segítségével, és telepítjük Heroku-ra. A Heroku egy felhőalkalmazás-platform - a webalkalmazások építésének és telepítésének új módja. A legjobb dolog a Heroku-ban az, hogy nem kell fizetnie az alapvető webalkalmazások tárolásáért, mivel a Heroku ingyenesnek minősítette őket. Építünk egyoldalas sínalkalmazást, és ez egy statikus weboldal lesz, amely portfólióként használható.



Az alábbiakban bemutatjuk a sínek alkalmazás pillanatképét (a Heroku-ra telepítve) itt )



Kezdjük a Rails alkalmazás létrehozásával. Feltételezem, hogy már telepítette a Ruby and Rails alkalmazást. Győződjön meg arról, hogy rendelkezik Ruby 2.0 és Rails 4.2.2 verzióval. A verziót a parancssorból ellenőrizheti.

Megjegyzés: A Ruby 2.0 és a Rails 4.2.2 verziókat fogjuk használni. Ha rendelkezik a Ruby and Rails néhány különböző verziójával, akkor az ebben a bejegyzésben bemutatott lépések némelyike ​​nem biztos, hogy működik.



A projekt létrehozása:

A projektünket weboldalként fogjuk megnevezni. A projekt létrehozásához használja a Rails új webhely parancsot

A Rails automatikusan létrehozza az összes fájlt, és telepíti az összes szükséges gyöngyszemet az alább telepített futtatott csomag végrehajtásával

Most a C: meghajtó alatt megjelenik egy webhely mappa (az a hely, ahonnan végrehajtottuk a Rails új webhely parancsot). Nyissuk meg a webhely mappáját valamilyen IDE-ben. Van IDE zárójelem az Adobe-tól. Bármely más használható, mivel ez nem számít.

Projekt felépítése:

A létrehozott projektszerkezet az alábbiak szerint fog kinézni

Annak ellenére, hogy még nem írtunk semmilyen kódot, a webhelyalkalmazást most futtathatja. A webhelyalkalmazás futtatásához hajtsa végre a Rails parancsot a webhely mappájából az alábbiak szerint

Amint azt a fenti pillanatképen láthatja, hogy webhelyünk alkalmazását telepítettékhttp: // localhost: 3000

Az alábbi képernyőn láthatja az URL eléréséthttp: // localhost: 3000

De szeretnénk megmutatni alkalmazásunk fő oldalát az URL elérésérőlhttp: // localhost: 3000 /.Ehhez hozzunk létre egy index.html oldalt a projektünk nyilvános mappája alatt.

Megjegyzés: A Rails automatikusan kiszolgálja az index.html oldalt a gyökér URL elérésekorhttp: // localhost: 3000

Egyelőre csak egy sorunk van az index.html oldalon.

Nyissuk meg a gyökér URL-thttp: // localhost: 3000

Tegyünk némi életet az index.html oldalunkra néhány kép hozzáadásával - JS és jó CSS. Szürkeárnyalatos témát fogunk használni a start bootstrap-tól.

Szürkeárnyalatos Start Bootstrap téma -

Az alábbiakban bemutatjuk a szürkeárnyalatos start bootstrap téma pillanatképét, amelyet használni fogunk. Ezt a témát testre szabjuk, hogy megfeleljen követelményeinknek.

Ezt a témát letöltheti innen: http://startbootstrap.com/template-overviews/grayscale/

Töltse le a szürkeárnyalatos témát, és másolja a CSS-t, a awesome-fontot, a fontokat, az img, a JS-t és az index.html-t a weboldal projekt nyilvános könyvtárába. Az alábbiakban bemutatjuk a projekt pillanatképét, miután hozzáadtuk a CSS, JS, betűtípusokat, képeket tartalmazó mappát és az index.html oldalt a webhelyprojekt nyilvános könyvtárába.

Futtassuk most a projektünket:

A projekt futtatása során megjelenik egy jó megjelenésű szürkeárnyalatos témaoldal.

hogyan kell használni a sztringet a java-ban

Módosítjuk az index.html oldalt (a weboldal projekt nyilvános könyvtárában), hogy professzionális megjelenést kapjon.

Az alábbiakban bemutatjuk a webhelyprojekt pillanatképét az index.html oldalon végzett módosítások után. Most változtattuk meg a képeket és szerkesztettük a szöveg egy részét, hogy az egyedivé váljon.

Az index.html fájlt és a szürkeárnyalatos.CSS-t tetszés szerint módosíthatja. Most készen állunk a webalkalmazásunk Heroku telepítésére.

A kód Githubba tolása:

Mielőtt az alkalmazást Heroku-ra telepítenénk, át kell tennünk a kódunkat egy távoli Github adattárba. Ehhez szüksége van egy Github-fiókra. Ha még nincs Github-fiókja, akkor hozzon létre egyet a címen www.github.com .

A Githubot telepítenie kell a Windows rendszerére is. Töltse le a Github for Windows alkalmazást https://windows.github.com/ .

Miután letöltötte és telepítette a Github-ot a gépére, nyissa meg a Github alkalmazást, konfigurálja a Github-hitelesítő adatait, és válassza a Git Bash héjat alapértelmezett héjként (tetszés szerint választhat bármilyen más lehetőséget is), majd mentse a módosításokat.

Létre kell hoznia egy tárhelyet a Githubon, ahol távolról elmentjük a weboldalunk projektjét. Lerakat létrehozásához jelentkezzen be a Github-ba, és kattintson a zöld gombban látható új tároló opcióra.

Nevezze el az adattárat (ebben az esetben railtoheroku-nak neveztük el), és kattintson az adattár létrehozása linkre az alábbiak szerint.

A Github megadja a távoli URL-t ( https://github.com/eMahtab/railtoheroku.git ebben az esetben) a railtoheroku adattárhoz, amelyre szükség lesz, miközben a kódot a helyi gépről a Github-ra toljuk.

Most készen állunk arra, hogy weboldalunk projektkódját továbbítsuk a Github-ba. Kövesse az alábbi lépéseket a kód Githubba tolásához.

Nyissa meg a Git héjat, és használja a Git init parancsot a webhelykönyvtár inicializálásához, az alábbiak szerint:

Most adja hozzá az összes fájlt a webhelykönyvtárba verzióellenőrzés alatt a Git add végrehajtásával.

Vigye el az összes fájlt a Git-elkötelezettség végrehajtásával - m

Adja hozzá a távoli adattárat az alábbiak szerint:

Most az utolsó lépés, amely a kódot valóban a Github adattárba tolja:

Végeztünk Github-tal. A következő rész az alkalmazás tényleges telepítése Herokuba.

Az alkalmazás telepítése Heroku-ra:

Hozzon létre egy Heroku-fiókot a címen https://www.heroku.com/

Jegyzet : Néhány változtatást kell végrehajtanunk az alkalmazás Heroku telepítéséhez. A Heroku nem támogatja az SqLite 3 programot, ehelyett PostgreSQL adatbázissal rendelkezik. Tehát el kell távolítanunk az sqlite3 függőséget a gemfile-ból. A Heroku-hoz rails_12factor gem szükséges, amelyet Heroku statikus eszközök, például képek és stíluslapok kiszolgálására használ. A Gemfile-ben szükséges két változtatást az alábbiakban foglaljuk össze:

Távolítsa el a gem ’sqlite3’ sort a Gemfile-ból

Adja hozzá a következő sorokat a Gemfile fájlhoz

csoport: fejlesztés,: teszt do #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end

A Gemfile módosításainak elvégzése után ellenőrizzük, hogy minden jól működik-e. Mentsd el a Gemfile fájlt, és futtasd csomag telepítése egy speciális zászlóval (–gyártás nélkül), hogy megakadályozzák bármely gyöngyszem helyi telepítését.

Lehetővé teszi a Gemfile-ben végrehajtott változtatások végrehajtását a Github távoli adattárában:

Tolja a távoli Github-tárház módosításait:

Új alkalmazás létrehozása a Heroku-n:

Jelentkezzen be a Heroku-ba, és hozzon létre egy új alkalmazást. Railtoheroku nevet adtam az alkalmazásomnak. Nevezheted, amit szeretsz. Kattintson az alkalmazás létrehozása gombra a megnevezett alkalmazás létrehozásához.

A Github adattár összekapcsolása a Heroku alkalmazással:

A következő lépés a Github-tárház összekapcsolása a Heroku-val.

Az alábbiakban összekapcsoltuk a Github adattárunk railtoheroku-ját

Miután csatlakoztattuk a Github adattárunkat a Heroku-hoz, készen állunk az alkalmazás telepítésére. Az alkalmazás telepítéséhez görgessen lefelé a kézi telepítés lehetőségig, és kattintson a telepítési ág opcióra.

Az alkalmazás telepítése:

Ha rákattint a Deploy Branch gombra, Heroku elkezdi telepíteni a Gemfile drágaköveit a gyártásba:

Az összes drágakő telepítése és az alkalmazás telepítése után megjelenik a Heroku gratuláló üzenete: „Az alkalmazásod sikeresen telepítve van.”

A telepített alkalmazás megtekintéséhez kattintson a Nézet gombra, és sikeresen láthatja az alkalmazást.

Ha a fenti lépések végrehajtása során bármilyen problémával szembesül, kérjük, tegye meg észrevételeit alább. Remélem tetszett ez a bejegyzés.

Van egy kérdésünk? Kérjük, említse meg a megjegyzések részben, és kapcsolatba lépünk Önnel.

Kapcsolódó hozzászólások:

XML fájlok elemzése SAX elemző segítségével