V tomto příspěvku vytvoříme osobní web pomocí railů a nasadíme jej do Heroku. Heroku je cloudová aplikační platforma - nový způsob budování a nasazování webových aplikací. Nejlepší na Heroku je, že nemusíte platit za hostování základních webových aplikací, protože Heroku je kategorizoval jako bezplatné. Postavíme jednostránkovou aplikaci rails a bude to statický web, který lze použít jako portfolio.
Níže je snímek aplikace rails (nasazené na Heroku tady )
Začněme s tvorbou této aplikace Rails. Předpokládám, že jste již nainstalovali Ruby and Rails. Ujistěte se, že máte Ruby 2.0 a Rails 4.2.2. Verzi můžete zkontrolovat z příkazového řádku.
Poznámka: Budeme používat Ruby 2.0 a Rails 4.2.2. Pokud máte několik různých verzí Ruby a Rails, některé z kroků uvedených v tomto příspěvku nemusí pro vás fungovat.
Vytvoření projektu:
Pojmenujeme náš projekt jako web. K vytvoření projektu použijte příkaz Rails new website
Rails automaticky vygeneruje všechny soubory a také nainstaluje všechny požadované drahokamy spuštěním automaticky nainstalovaného balíku run, jak je uvedeno níže
Nyní uvidíte složku s webem pod vaší jednotkou C: (umístění, odkud jsme provedli příkaz Rails new website). Otevřeme složku webu v nějakém IDE. Mám závorky IDE od Adobe. Můžete použít jakýkoli jiný, protože to nevadí.
Struktura projektu:
Vygenerovaná struktura projektu bude vypadat níže
I když jsme nenapsali žádný kód, můžete webovou aplikaci spustit právě teď. Chcete-li spustit webovou aplikaci, proveďte příkaz Rails s ze složky webových stránek, jak je uvedeno níže
Jak vidíte na výše uvedeném snímku, na kterém byla nasazena naše webová aplikacehttp: // localhost: 3000
Níže uvidíte obrazovku s přístupem k adrese URLhttp: // localhost: 3000
Chceme ale ukázat hlavní stránku naší aplikace při přístupu k URLhttp: // localhost: 3000 /.Za tímto účelem vytvořme stránku index.html ve veřejné složce našeho webového projektu.
Poznámka: Rails automaticky zobrazí stránku index.html při přístupu ke kořenové adrese URLhttp: // localhost: 3000
Prozatím máme na stránce index.html pouze jeden řádek.
Pojďme přistupovat ke kořenové adrese URLhttp: // localhost: 3000
Pojďme nyní oživit naši stránku index.html přidáním několika obrázků - JS a skvělých CSS. Od spuštění bootstrapu použijeme téma ve stupních šedi.
Stupně šedi Start Bootstrap Theme -
Níže je snímek motivu bootstrap startu ve stupních šedi, který použijeme. Toto téma přizpůsobíme tak, aby splňovalo náš požadavek.
Toto téma si můžete stáhnout z http://startbootstrap.com/template-overviews/grayscale/
Stáhněte si téma ve stupních šedi a zkopírujte CSS, font-awesome, fonts, img, JS a index.html do veřejného adresáře webového projektu. Níže je snímek projektu po přidání CSS, JS, písem, složky obrázků a stránky index.html ve veřejném adresáři projektu webové stránky.
Nyní spustíme náš webový projekt:
Při spuštění projektu se vám zobrazí dobře vypadající stránka motivu ve stupních šedi.
Upravíme stránku index.html (ve veřejném adresáři webového projektu), abychom jí poskytli profesionální vzhled.
Níže je snímek projektu webu po provedení změn na stránce index.html. Právě jsme změnili obrázky a upravili část textu, aby byl specifický pro jednotlivce.
Index.html a stupně šedi.CSS můžete upravit, jak chcete. Nyní jsme připraveni nasadit naši webovou aplikaci do Heroku.
Odeslání kódu na Github:
Před nasazením aplikace do Heroku musíme náš kód poslat do vzdáleného úložiště Github. K tomu potřebujete účet Github. Pokud nemáte účet Github, přejděte a vytvořte si jej na www.github.com .
Musíte také nainstalovat Github do systému Windows. Stáhněte si Github pro Windows z https://windows.github.com/ .
Jakmile si stáhnete a nainstalujete Github do svého počítače, otevřete aplikaci Github a nakonfigurujte své přihlašovací údaje Github a jako výchozí prostředí zvolte shell Git Bash (můžete si vybrat libovolnou jinou možnost, jak se vám líbí) a poté uložte změny.
Musíte vytvořit úložiště na Githubu, kde vzdáleně uložíme náš webový projekt. Chcete-li vytvořit úložiště, přihlaste se do Githubu a klikněte na novou možnost úložiště zobrazenou zeleným tlačítkem.
Pojmenujte své úložiště (v tomto případě jsme jej pojmenovali railtoheroku) a klikněte na odkaz vytvořit úložiště, jak je znázorněno níže.
Github poskytne vzdálenou adresu URL ( https://github.com/eMahtab/railtoheroku.git v tomto případě) pro úložiště railtoheroku, které bude potřeba při posílání kódu z místního počítače do Githubu.
Nyní jsme připraveni poslat náš projektový kód webu do Githubu. Postupujte podle níže uvedených kroků a posuňte kód na Github.
Otevřete Git shell a pomocí příkazu Git init inicializujte adresář webových stránek, jak je uvedeno níže:
Nyní přidejte všechny soubory v adresáři webových stránek pod kontrolou verzí spuštěním Git add.
Potvrďte všechny soubory spuštěním příkazu Git commit - m „Final Commit“
Přidejte vzdálené úložiště, jak je znázorněno níže:
Nyní poslední krok, který skutečně posune kód do úložiště Github:
S Githubem jsme skončili. Další částí je skutečné nasazení aplikace do Heroku.
Nasazení aplikace do Heroku:
Vytvořte si účet Heroku na https://www.heroku.com/
Poznámka : Musíme provést nějaké změny pro nasazení aplikace do Heroku. Heroku nepodporuje SqLite 3, místo toho má databázi PostgreSQL. Musíme tedy z gemfile odstranit závislost sqlite3. Heroku vyžaduje drahokam rails_12factor, který Heroku používá k poskytování statických prostředků, jako jsou obrázky a šablony stylů. Níže jsou shrnuty dvě změny požadované v souboru Gemfile:
Odeberte linkový drahokam „sqlite3“ z Gemfile
Přidejte následující řádky 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 provedení změn v Gemfile zkontrolujeme, zda vše funguje dobře. Uložte soubor Gemfile a spusťte instalace balíčku se speciálním příznakem (–bez produkce), aby se zabránilo místní instalaci jakýchkoli produkčních drahokamů.
Umožňuje provést změny provedené v souboru Gemfile do vzdáleného úložiště na Githubu:
Přeneste změny do vzdáleného úložiště Github:
Vytvoření nové aplikace v Heroku:
Přihlaste se do Heroku a vytvořte novou aplikaci. Pojmenoval jsem svou aplikaci railtoheroku. Můžete jej pojmenovat, jak chcete. Kliknutím na vytvořit aplikaci vytvoříte pojmenovanou aplikaci.
Připojení úložiště Github k aplikaci Heroku:
Dalším krokem je propojení vašeho úložiště Github s Heroku.
Níže jsme připojili naše úložiště Github railtoheroku
Jakmile připojíme naše úložiště Github k Heroku, jsme připraveni nasadit naši aplikaci. Chcete-li nasadit aplikaci, přejděte dolů na možnost ručního nasazení a klikněte na možnost nasadit větev.
anonymní třída v Javě]
Nasazení aplikace:
Jakmile kliknete na Deploy Branch, Heroku začne instalovat drahokamy z Gemfile na produkci:
Jakmile jsou nainstalovány všechny drahokamy a aplikace je nasazena, zobrazí se vám blahopřání od Heroku, které říká: „Vaše aplikace je úspěšně nasazena.“
Chcete-li zobrazit vaši nasazenou aplikaci, stačí kliknout na tlačítko zobrazení a budete moci zobrazit svoji aplikaci nasazenou úspěšně.
Pokud při provádění některého z výše uvedených kroků narazíte na nějaký problém, prosím komentujte níže. Doufám, že se vám tento příspěvek líbil.
Máte na nás dotaz? Uveďte to prosím v sekci komentáře a my se vám ozveme.
Související příspěvky:
Analýza souborů XML pomocí analyzátoru SAX