Šiame įraše mes sukursime asmeninę svetainę naudodami bėgius ir pritaikysime ją „Heroku“. „Heroku“ yra debesų programų platforma - naujas būdas kurti ir diegti žiniatinklio programas. Geriausias dalykas „Heroku“ yra tai, kad nereikia mokėti už pagrindinių žiniatinklio programų prieglobą, nes „Heroku“ jas priskyrė nemokamoms. Sukursime vieno puslapio bėgių programą ir tai bus statiška svetainė, kuri gali būti naudojama kaip portfelis.
Žemiau pateikiama bėgių programos (įdiegta „Heroku“) nuotrauka čia )
Pradėkime kurti šią „Rails“ programą. Manau, kad jūs jau įdiegėte „Ruby and Rails“. Įsitikinkite, kad turite „Ruby 2.0“ ir „Rails 4.2.2“. Versiją galite patikrinti naudodami komandų eilutę.
Pastaba: mes naudosime „Ruby 2.0“ ir „Rails 4.2.2“. Jei turite keletą skirtingų „Ruby and Rails“ versijų, kai kurie šiame įraše nurodyti veiksmai gali jums netikti.
kaip naudoti goto c ++
Projekto kūrimas:
Savo projektą įvardinsime kaip svetainę. Norėdami sukurti projektą, naudokite komandą „Rails new site“
„Rails“ automatiškai sugeneruos visus failus ir taip pat įdiegs visus reikalingus brangakmenius, vykdydamas automatiškai įdiegtą vykdymo paketą, kaip parodyta žemiau
Dabar po savo C: disku pamatysite svetainės aplanką (vietą, iš kurios vykdėme komandą „Rails new website“). Atidarykime svetainės aplanką tam tikroje IDE. Aš turiu „Adobe“ skliausteliuose IDE. Galite naudoti bet kurį kitą, nes tai nesvarbu.
Projekto struktūra:
Sukurta projekto struktūra atrodys taip, kaip nurodyta toliau
Nors mes dar neparašėme jokio kodo, galite paleisti svetainės programą dabar. Norėdami paleisti svetainės programą, vykdykite komandą „Rails“ iš svetainės aplanko, kaip parodyta žemiau
Kaip matote aukščiau pateiktoje momentinėje nuotraukoje, mūsų svetainės programa buvo įdiegtahttp: // localhost: 3000
Žemiau esantį ekraną galėsite pamatyti, kai norite pasiekti URLhttp: // localhost: 3000
Bet norime parodyti pagrindinį programos puslapį, kaip pasiekti URLhttp: // localhost: 3000 /.Tam sukurkime index.html puslapį, esantį viešame mūsų svetainės projekto aplanke.
Pastaba: bėgiai automatiškai aptarnaus index.html puslapį pasiekdami šakninį URLhttp: // localhost: 3000
Kol kas index.html puslapyje turime tik vieną eilutę.
Prisijunkime prie šakninio URLhttp: // localhost: 3000
Dabar įdėkime šiek tiek gyvybės į savo index.html puslapį pridėdami keletą vaizdų - JS ir šaunų CSS. Mes naudosime pilkos spalvos temą nuo pradinio paleidimo.
„Grayscale Start Bootstrap“ tema -
Žemiau pateikiama pilkos spalvos pradžios įkrovos juostos temos nuotrauka, kurią naudosime. Mes pritaikysime šią temą, kad atitiktų mūsų reikalavimus.
Šią temą galite atsisiųsti iš http://startbootstrap.com/template-overviews/grayscale/
Atsisiųskite pilkos spalvos temą ir nukopijuokite CSS, awesome font, fonts, img, JS ir index.html į viešąjį svetainės projekto katalogą. Toliau pateikiama projekto apžvalga, pridėjus CSS, JS, šriftus, vaizdų aplanką ir index.html puslapį prie viešojo svetainės projekto katalogo.
Vykdykime savo svetainės projektą dabar:
Vykdydami projektą, jums bus pateiktas gerai atrodantis pilkų atspalvių temos puslapis.
Mes pakeisime „index.html“ puslapį (viešame svetainės projekto kataloge), kad jis atrodytų profesionaliai.
Žemiau pateikiama svetainės projekto apžvalga atlikus pakeitimus index.html puslapyje. Ką tik pakeitėme vaizdus ir redagavome dalį teksto, kad jis taptų specifiškas asmeniui.
Galite pakeisti „index.html“ ir „grayscale.CSS“, kaip jums patinka. Dabar esame pasirengę įdiegti savo svetainės programą „Heroku“.
Kodo perkėlimas į „Github“:
Prieš diegdami programą į „Heroku“, turime perkelti savo kodą į nuotolinę „Github“ saugyklą. Tam jums reikia „Github“ paskyros. Jei neturite „Github“ paskyros, eikite ir sukurkite ją adresu www.github.com .
Taip pat turite įdiegti „Github“ į „Windows“. Atsisiųskite „Github for Windows“ iš https://windows.github.com/ .
Atsisiųsdami ir įdiegę „Github“ į savo kompiuterį, atidarykite „Github“ programą ir sukonfigūruokite „Github“ kredencialus ir kaip numatytąjį apvalkalą pasirinkite „Git Bash“ apvalkalą (taip pat galite pasirinkti bet kurią kitą parinktį taip, kaip norite), tada išsaugokite pakeitimus.
„Github“ turite sukurti saugyklą, kurioje mes nuotoliniu būdu išsaugosime savo svetainės projektą. Norėdami sukurti saugyklą, prisijunkite prie „Github“ ir spustelėkite naują saugyklos parinktį, parodytą žaliame mygtuke.
Pavadinkite savo saugyklą (šiuo atveju mes ją pavadinome railtoheroku) ir spustelėkite „Sukurti saugyklos nuorodą“, kaip parodyta žemiau.
„Github“ pateiks nuotolinį URL ( https://github.com/eMahtab/railtoheroku.git šiuo atveju) „railtoheroku“ saugyklai, kurios prireiks stumiant kodą iš vietinės mašinos į „Github“.
Dabar esame pasirengę perkelti savo svetainės projekto kodą į „Github“. Atlikite toliau nurodytus veiksmus, norėdami perkelti kodą į „Github“.
Atidarykite „Git“ apvalkalą ir naudokite „Git init“ komandą, kad inicializuotumėte svetainės katalogą, kaip parodyta žemiau:
Dabar pridėkite visus failus svetainės kataloge valdydami versiją, vykdydami „Git add“.
Įveskite visus failus vykdydami „Git įsipareigojimą“ - „Final Commit“
Pridėkite nuotolinę saugyklą, kaip parodyta žemiau:
Dabar paskutinis žingsnis, kuris iš tikrųjų perkels kodą į „Github“ saugyklą:
Mes baigėme su Githubu. Kita dalis yra faktinis programos įdiegimas „Heroku“.
Programos diegimas „Heroku“:
Sukurkite „Heroku“ paskyrą adresu https://www.heroku.com/
Pastaba: Turime atlikti keletą pakeitimų, kaip pritaikyti programą „Heroku“. „Heroku“ nepalaiko „SqLite 3“, o turi „PostgreSQL“ duomenų bazę. Taigi mes turime pašalinti sqlite3 priklausomybę iš gemfile. „Heroku“ reikalingas „rails_12factor gem“, kurį „Heroku“ naudoja statiniams ištekliams, tokiems kaip vaizdai ir stiliaus lapai, aptarnauti. Du „Gemfile“ reikalingi pakeitimai yra apibendrinti žemiau:
Pašalinkite iš „Gemfile“ liniją „gem‘ sqlite3 “
Pridėkite šias eilutes prie „Gemfile“
grupė: kūrimas,: testas atlikite #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Patikrinkime, ar viskas gerai, atlikę „Gemfile“ pakeitimus. Išsaugokite „Gemfile“ ir paleiskite paketo diegimas su specialia vėliava (be gamybos), siekiant užkirsti kelią vietos gamybinių brangakmenių įrengimui.
Leidžia atlikti „Gemfile“ atliktus pakeitimus nuotolinėje „Github“ saugykloje:
Paspauskite nuotolinės „Github“ saugyklos pakeitimus:
Naujos programos kūrimas „Heroku“:
Prisijunkite prie „Heroku“ ir sukurkite naują programą. Savo programą pavadinau railtoheroku. Galite jį pavadinti taip, kaip jums patinka. Spustelėkite sukurti programą, kad sukurtumėte pavadintą programą.
„Github“ saugyklos prijungimas prie „Heroku“ programos:
Kitas žingsnis yra susieti „Github“ saugyklą su „Heroku“.
Žemiau mes sujungėme savo „Github“ saugyklą „railtoheroku“
Prijungę „Github“ saugyklą prie „Heroku“, būsime pasirengę įdiegti savo programą. Norėdami įdiegti programą, slinkite žemyn iki rankinio diegimo parinkties ir spustelėkite diegimo šakos parinktį.
Programos diegimas:
Kai spustelėsite „Deploy Branch“, „Heroku“ pradės diegti brangakmenius iš „Gemfile“:
Įdiegę visus brangakmenius ir pritaikę programą, pamatysite Heroku sveikinimo pranešimą: „Jūsų programa sėkmingai įdiegta“.
Norėdami pamatyti įdiegtą programą, tiesiog spustelėkite mygtuką Peržiūrėti ir galėsite matyti, kaip sėkmingai įdiegta programa.
Jei atlikdami bet kurį iš pirmiau nurodytų veiksmų susiduriate su bet kokia problema, komentuokite toliau. Tikiuosi, kad jums patiko šis įrašas.
Turite mums klausimą? Prašau paminėti tai komentarų skiltyje ir mes su jumis susisieksime.
Susijusios žinutės:
XML failų analizavimas naudojant SAX analizatorių