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