V tej objavi bomo ustvarili osebno spletno stran s pomočjo tirnic in jo postavili na Heroku. Heroku je oblačna aplikacijska platforma - nov način gradnje in uvajanja spletnih aplikacij. Najboljše pri Heroku je, da vam ni treba plačati za gostovanje osnovnih spletnih aplikacij, saj jih je Heroku uvrstil med brezplačne. Izdelali bomo enotirno aplikacijo tirnic in to bo statično spletno mesto, ki ga lahko uporabimo kot portfelj.
Spodaj je posnetek aplikacije tirnice (nameščene na Heroku tukaj )
Začnimo z ustvarjanjem te aplikacije Rails. Predvidevam, da ste že namestili Ruby in Rails. Prepričajte se, da imate Ruby 2.0 in Rails 4.2.2. Različico lahko preverite v ukaznem pozivu.
Opomba: Uporabili bomo Ruby 2.0 in Rails 4.2.2. Če imate nekaj različnih različic Ruby in Rails, vam nekateri koraki, prikazani v tej objavi, morda ne bodo uspeli.
Ustvarjanje projekta:
Naš projekt bomo poimenovali kot spletno mesto. Za izdelavo projekta uporabite ukaz Rails new website
Rails bo samodejno ustvaril vse datoteke in namestil tudi vse zahtevane dragulje s samodejnim izvajanjem nameščenega svežnja, kot je prikazano spodaj
pmi-acp se splača
Zdaj boste pod pogonom C: videli spletno mapo (mesto, od koder smo izvedli ukaz Rails new website). Odprimo mapo spletnega mesta v nekem IDE. Imam Adobe ID-je za oklepaje iz Adobeja. Uporabite lahko katero koli drugo, saj ni pomembno.
Struktura projekta:
Ustvarjena struktura projekta bo videti spodaj
Čeprav še nismo napisali nobene kode, lahko trenutno zaženete spletno aplikacijo. Če želite zagnati aplikacijo za spletno mesto, izvedite ukaz Rails s mape spletnega mesta, kot je prikazano spodaj
Kot lahko vidite na zgornjem posnetku, na katerem je bila nameščena naša spletna aplikacijahttp: // localhost: 3000
Na spodnjem zaslonu boste videli dostop do URL-jahttp: // localhost: 3000
Želimo pa pokazati glavno stran naše aplikacije o dostopu do URL-jahttp: // localhost: 3000 /.Za to ustvarimo stran index.html v javni mapi našega spletnega projekta.
Opomba: Rails bodo samodejno prikazovali stran index.html ob dostopu do korenskega URL-jahttp: // localhost: 3000
Zaenkrat imamo na strani index.html samo eno vrstico.
Dostopimo do korenskega URL-jahttp: // localhost: 3000
Zdaj pa vstavimo življenje na našo stran index.html, tako da dodamo nekaj slik - JS in kul CSS. Temo sivine bomo uporabili od zagonskega zagona.
Začetna tema zagona v sivinah -
Spodaj je posnetek teme zagona s sivinskim zagonom, ki ga bomo uporabili. To temo bomo prilagodili našim zahtevam.
To temo lahko prenesete iz http://startbootstrap.com/template-overviews/grayscale/
Prenesite temo sivine in kopirajte CSS, čudovite pisave, pisave, img, JS in index.html v javni imenik spletnega projekta. Spodaj je posnetek projekta po dodajanju CSS, JS, pisav, mape slik in strani index.html v javni imenik projekta spletnega mesta.
Začnimo naš projekt spletnega mesta zdaj:
Med izvajanjem projekta se vam bo prikazala lepa tematska stran sivine.
Spremenili bomo stran index.html (pod javnim imenikom projekta spletnega mesta), da bo videz postal profesionalen.
Spodaj je posnetek projekta spletnega mesta po izvedbi sprememb na strani index.html. Pravkar smo spremenili slike in uredili nekaj besedila, da ga prilagodimo posamezniku.
lahko narediš vrsto predmetov v javi
Index.html in grayscale.CSS lahko spremenite, kot želite. Zdaj smo pripravljeni, da svojo spletno aplikacijo namestimo na Heroku.
Potiskanje kode v Github:
Preden aplikacijo namestimo na Heroku, moramo svojo kodo potisniti v oddaljeno skladišče Github. Za to potrebujete račun Github. Če še nimate računa Github, pojdite in ga ustvarite na www.github.com .
Github morate namestiti tudi v sistem Windows. Prenesite Github za Windows z https://windows.github.com/ .
Ko prenesete in namestite Github na vaš računalnik, odprite aplikacijo Github in konfigurirajte svoje poverilnice za Github ter za privzeto lupino izberite lupino Git Bash (poljubno lahko izberete katero koli drugo možnost) in nato shranite spremembe.
Na Githubu morate ustvariti repozitorij, kjer bomo projekt spletnega mesta shranili na daljavo. Če želite ustvariti odlagališče, se prijavite v Github in kliknite novo možnost odlagališča, prikazano v zelenem gumbu.
Poimenujte svoje odlagališče (v tem primeru smo ga poimenovali railtoheroku) in kliknite povezavo za ustvarjanje odlagališča, kot je prikazano spodaj.
Github bo zagotovil oddaljeni URL ( https://github.com/eMahtab/railtoheroku.git v tem primeru) za odlagališče railtoheroku, ki bo potrebno med potiskanjem kode z lokalnega računalnika na Github.
Zdaj smo pripravljeni potisniti kodo našega spletnega mesta na Github. Sledite spodnjim korakom, da kodo potisnete v Github.
Odprite lupino Git in z ukazom Git init inicializirajte imenik spletnega mesta, kot je prikazano spodaj:
Zdaj dodajte vse datoteke v imenik spletnega mesta pod nadzorom različic z izvajanjem Git add.
Posredujte vse datoteke tako, da izvedete Git commit –m “Final commit”
Dodajte oddaljeno repozitorij, kot je prikazano spodaj:
Zdaj zadnji korak, ki bo kodo dejansko potisnil v repozitorij Github:
Končali smo z Githubom. Naslednji del je dejanska razmestitev aplikacije na Heroku.
Uvajanje aplikacije v Heroku:
Ustvari račun Heroku na https://www.heroku.com/
Opomba : Za razmestitev aplikacije na Heroku moramo narediti nekaj sprememb. Heroku ne podpira SqLite 3, temveč ima bazo podatkov PostgreSQL. Torej moramo odstraniti odvisnost sqlite3 iz gemfile. Heroku zahteva dragulj rails_12factor, ki ga Heroku uporablja za statična sredstva, kot so slike in tabele slogi. Dve spremembi, potrebni v datoteki Gemfile, sta povzeti spodaj:
Odstranite vrstico gem 'sqlite3' iz datoteke Gemfile
V Gemfile dodajte naslednje vrstice
skupina: razvoj,: test do #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Po spremembi Gemfile preverimo, ali vse deluje v redu. Shranite Gemfile in zaženite namestitev svežnja s posebno zastavico (- brez proizvodnje), ki preprečuje lokalno namestitev kakršnih koli proizvodnih draguljev.
Omogočimo spremembe, narejene v Gemfileu, v oddaljeno repozitorij na Github:
Potisnite spremembe v oddaljeno skladišče Github:
Ustvarjanje nove aplikacije na Heroku:
Prijavite se v Heroku in ustvarite novo aplikacijo. Svojo aplikacijo sem poimenoval railtoheroku. Lahko ga poimenujete, kot želite. Kliknite Ustvari aplikacijo, da ustvarite poimenovano aplikacijo.
Povezovanje skladišča Github z aplikacijo Heroku:
Naslednji korak je povezava vašega skladišča Github z Herokujem.
Spodaj smo povezali naš odlagališče Github railtoheroku
kako uporabljati
Ko povežemo svoje skladišče Github z Heroku, smo pripravljeni na uporabo naše aplikacije. Če želite namestiti aplikacijo, se pomaknite navzdol do možnosti ročne razmestitve in kliknite možnost razmestitve podružnice.
Uvajanje aplikacije:
Ko kliknete na Deploy Branch, bo Heroku začel v proizvodnjo nameščati dragulje iz Gemfile:
Ko so vsi dragulji nameščeni in je aplikacija nameščena, boste videli Herokujevo čestitko z besedo: 'Vaša aplikacija je uspešno nameščena.'
Če si želite ogledati svojo nameščeno aplikacijo, samo kliknite na pogled in videli boste, kako je vaša aplikacija uspešno nameščena.
Če imate pri izvajanju katerega koli od zgornjih korakov kakršne koli težave, prosimo, komentirajte spodaj. Upam, da vam je bila ta objava všeč.
Imate vprašanje za nas? Prosimo, omenite to v oddelku za komentarje in se vam bomo javili.
Sorodne objave:
Razčlenjevanje datotek XML s pomočjo razčlenjevalnika SAX