V tomto príspevku vytvoríme osobnú webovú stránku pomocou koľajníc a nasadíme ju do Heroku. Heroku je cloudová aplikačná platforma - nový spôsob budovania a nasadzovania webových aplikácií. Najlepšie na Heroku je, že nemusíte platiť za hostenie základných webových aplikácií, pretože Heroku ich kategorizoval ako bezplatné. Postavíme jednostránkovú aplikáciu rails a bude to statický web, ktorý bude možné použiť ako portfólio.
Nižšie je uvedený obrázok aplikácie rails (nasadenej na Heroku tu )
Začnime s tvorbou tejto aplikácie Rails. Predpokladám, že ste už nainštalovali Ruby and Rails. Uistite sa, že máte Ruby 2.0 a Rails 4.2.2. Verziu môžete skontrolovať z príkazového riadku.
Poznámka: Budeme používať Ruby 2.0 a Rails 4.2.2. Ak máte rôzne verzie Ruby a Rails, niektoré kroky uvedené v tomto príspevku pre vás nemusia fungovať.
Vytvorenie projektu:
Náš projekt pomenujeme ako webová stránka. Na vytvorenie projektu použite príkaz Rails new website
Rails automaticky vygeneruje všetky súbory a tiež nainštaluje všetky požadované drahokamy vykonaním automaticky nainštalovaného balíka run, ako je uvedené nižšie.
Teraz uvidíte priečinok webových stránok pod svojou jednotkou C: (umiestnenie, odkiaľ sme vykonali príkaz Rails new website). Poďme si otvoriť priečinok webových stránok v nejakom IDE. Mám konzoly IDE od spoločnosti Adobe. Môžete použiť akýkoľvek iný, pretože to nevadí.
Štruktúra projektu:
Generovaná štruktúra projektu bude vyzerať nižšie
Aj keď sme nenapísali žiadny kód, webovú aplikáciu môžete spustiť práve teraz. Ak chcete spustiť webovú aplikáciu, spustite príkaz Rails z priečinka webových stránok, ako je uvedené nižšie
Ako vidíte na snímke vyššie, na ktorej bola nasadená naša webová aplikáciahttp: // localhost: 3000
Obrazovku s prístupom k adrese URL uvidíte nižšiehttp: // localhost: 3000
Chceme však ukázať hlavnú stránku našej aplikácie pri prístupe k adrese URLhttp: // localhost: 3000 /.Vytvorme si preto stránku index.html vo verejnom priečinku nášho webového projektu.
Poznámka: Rails automaticky sprístupní stránku index.html pri prístupe ku koreňovej adrese URLhttp: // localhost: 3000
Na stránke index.html máme zatiaľ iba jeden riadok.
Poďme ku koreňovej adrese URLhttp: // localhost: 3000
Poďme teraz oživiť našu stránku index.html pridaním niekoľkých obrázkov - JS a skvelých CSS. Od začiatku bootstrapu použijeme tému v odtieňoch sivej.
Odtiene sivej Štart Bootstrap Téma -
Nižšie je uvedený obrázok témy bootstrap štartu v odtieňoch šedej, ktorú použijeme. Túto tému prispôsobíme tak, aby vyhovovala našim požiadavkám.
Túto tému si môžete stiahnuť z http://startbootstrap.com/template-overviews/grayscale/
Stiahnite si tému v odtieňoch sivej a skopírujte CSS, font-awesome, fonty, img, JS a index.html do verejného adresára projektu webovej stránky. Nižšie je uvedený prehľad projektu po pridaní CSS, JS, priečinkov písem, obrázkov a stránky index.html do verejného adresára projektu webovej stránky.
Poďme teraz spustiť náš webový projekt:
Pri spustení projektu sa zobrazí dobre vyzerajúca stránka s témami v odtieňoch sivej.
Upravíme stránku index.html (vo verejnom adresári webového projektu), aby mala profesionálny vzhľad.
Nižšie je uvedený obrázok webového projektu po vykonaní zmien na stránke index.html. Práve sme zmenili obrázky a upravili časť textu tak, aby bol konkrétny pre jednotlivca.
Index.html a stupně šedi.CSS môžete upravovať podľa svojich predstáv. Teraz sme pripravení nasadiť našu webovú aplikáciu do Heroku.
Stlačením kódu na Github:
Pred nasadením aplikácie do Heroku musíme náš kód vytlačiť do vzdialeného úložiska Github. Potrebujete na to účet Github. Ak nemáte účet Github, choďte si ho vytvoriť na www.github.com .
Musíte si tiež nainštalovať Github do vášho Windows. Stiahnite si Github pre Windows z https://windows.github.com/ .
Po stiahnutí a nainštalovaní Githubu na vašom počítači otvorte aplikáciu Github, nakonfigurujte svoje prihlasovacie údaje Github a vyberte Git Bash shell ako svoj predvolený shell (môžete si zvoliť ľubovoľnú inú možnosť) a potom uložte zmeny.
Musíte vytvoriť úložisko na Github, kde vzdialene uložíme náš projekt webových stránok. Ak chcete vytvoriť úložisko, prihláste sa do služby Github a kliknite na novú možnosť úložiska zobrazenú zeleným tlačidlom.
Pomenujte svoje úložisko (v tomto prípade sme ho pomenovali railtoheroku) a kliknite na odkaz na vytvorenie úložiska, ako je uvedené nižšie.
Github poskytne vzdialenú adresu URL ( https://github.com/eMahtab/railtoheroku.git v tomto prípade) pre úložisko railtoheroku, ktoré bude potrebné pri tlačení kódu z lokálneho počítača na Github.
Teraz sme pripravení poslať kód nášho projektu do Githubu. Podľa pokynov uvedených nižšie posuňte kód do služby Github.
Otvorte Git shell a pomocou príkazu Git init inicializujte adresár webových stránok, ako je uvedené nižšie:
Teraz pridajte všetky súbory v adresári webových stránok pod kontrolou verzie vykonaním príkazu Git add.
Potvrďte všetky súbory vykonaním príkazu Git commit –m „Final Commit“
Pridajte vzdialené úložisko, ako je uvedené nižšie:
Teraz posledný krok, ktorý skutočne presunie kód do úložiska Github:
S Githubom sme hotoví. Ďalšou časťou je samotné nasadenie aplikácie do Heroku.
Nasadenie aplikácie do Heroku:
Vytvorte si účet Heroku na adrese https://www.heroku.com/
Poznámka : Musíme urobiť niekoľko zmien pre nasadenie aplikácie do Heroku. Heroku nepodporuje SqLite 3, ale má databázu PostgreSQL. Takže musíme odstrániť závislosť sqlite3 z gemfile. Heroku vyžaduje drahokam rails_12factor, ktorý používa Heroku na poskytovanie statických prostriedkov, ako sú obrázky a tabuľky štýlov. Dve zmeny požadované v súbore Gemfile sú zhrnuté nižšie:
Odstráňte riadok drahokam ‘sqlite3’ z Gemfile
Pridajte nasledujúce riadky do Gemfile
skupina: vývoj,: test do #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Po vykonaní zmien v súbore Gemfile skontrolujeme, či všetko funguje dobre. Uložte súbor Gemfile a bežte inštalácia balíka so špeciálnym príznakom (–bez výroby), ktorý zabráni lokálnej inštalácii akýchkoľvek produkčných drahokamov.
Umožňuje vykonať zmeny vykonané v súbore Gemfile do vzdialeného úložiska na serveri Github:
Posuňte zmeny do vzdialeného úložiska Github:
Vytvorenie novej aplikácie v Heroku:
Prihláste sa do Heroku a vytvorte novú aplikáciu. Pomenoval som svoju aplikáciu railtoheroku. Môžete ho pomenovať, ako sa vám páči. Kliknutím na vytvoriť aplikáciu vytvoríte pomenovanú aplikáciu.
Pripojenie úložiska Github k aplikácii Heroku:
Ďalším krokom je prepojenie vášho úložiska Github s Heroku.
Ďalej sme pripojili naše úložisko Github railtoheroku
Po pripojení nášho úložiska Github k Heroku sme pripravení nasadiť našu aplikáciu. Ak chcete aplikáciu nasadiť, prejdite nadol na možnosť manuálneho nasadenia a kliknite na možnosť nasadiť vetvu.
ako používať trim v jave
Nasadenie aplikácie:
Akonáhle kliknete na Deploy Branch, Heroku začne inštalovať drahokamy z Gemfile do výroby:
Po nainštalovaní všetkých drahokamov a nasadení aplikácie sa zobrazí blahoželanie od Heroku s textom „Vaša aplikácia je úspešne nasadená.“
Ak chcete vidieť svoju nasadenú aplikáciu, stačí kliknúť na tlačidlo zobrazenia a budete môcť vidieť svoju aplikáciu nasadenú úspešne.
Ak pri vykonávaní niektorého z vyššie uvedených krokov narazíte na problém, komentár nižšie. Dúfam, že sa vám tento príspevok páčil.
Máte na nás otázku? Uveďte to prosím v sekcii komentárov a my sa vám ozveme.
Súvisiace príspevky:
Analýza súborov XML pomocou analyzátora SAX