În această postare vom crea un site personal folosind șine și îl vom implementa pe Heroku. Heroku este o platformă de aplicații cloud - un nou mod de a construi și implementa aplicații web. Cel mai bun lucru despre Heroku este că nu trebuie să plătiți pentru găzduirea aplicațiilor web de bază, deoarece Heroku le-a catalogat ca fiind gratuite. Vom construi o singură aplicație rails de pagină și va fi un site web static care poate fi folosit ca portofoliu.
Mai jos este instantaneul aplicației rails (implementat pe Heroku Aici )
Să începem să creăm această aplicație Rails. Presupun că ați instalat deja Ruby și Rails. Asigurați-vă că aveți Ruby 2.0 și Rails 4.2.2. Puteți verifica versiunea din promptul de comandă.
Notă: Vom folosi Ruby 2.0 și Rails 4.2.2. Dacă aveți câteva versiuni diferite de Ruby și Rails, este posibil ca unii dintre pașii prezentați în această postare să nu funcționeze pentru dvs.
Crearea proiectului:
Vom denumi proiectul nostru drept site web. Pentru a crea proiectul utilizați comanda Rails nou site web
Rails va genera automat toate fișierele și va instala, de asemenea, toate pietrele necesare executând pachetul de rulare instalat automat așa cum se arată mai jos
Acum veți vedea un folder de site sub unitatea C: (locația de unde am executat comanda Rails pentru noul site). Să deschidem folderul site-ului web într-un IDE. Am Brackets IDE de la Adobe. Puteți folosi oricare altul, deoarece nu contează.
Structura proiectului:
Structura proiectului generată va arăta ca mai jos
Chiar dacă nu am scris niciun cod, puteți rula aplicația site-ului chiar acum. Pentru a rula aplicația site-ului web, executați comanda Rails din folderul site-ului web așa cum se arată mai jos
După cum puteți vedea în instantaneul de mai sus, la care au fost implementate aplicațiile site-ului nostru webhttp: // localhost: 3000
Veți putea vedea ecranul de mai jos la accesarea adresei URLhttp: // localhost: 3000
Dar vrem să afișăm pagina principală a aplicației cu privire la accesarea adresei URLhttp: // localhost: 3000 /.Pentru aceasta, să creăm o pagină index.html sub folderul public al proiectului site-ului nostru web.
Notă: Rails va furniza automat pagina index.html la accesarea adresei URL rădăcinăhttp: // localhost: 3000
Deocamdată avem doar o linie în pagina index.html.
Să accesăm adresa URL rădăcinăhttp: // localhost: 3000
Acum, să punem ceva viață în pagina noastră index.html adăugând câteva imagini - JS și CSS cool. Vom folosi tema în tonuri de gri din start bootstrap.
Tema Start Bootstrap în tonuri de gri -
Mai jos este instantaneul temei bootstrap de pornire în tonuri de gri pe care o vom folosi. Vom personaliza această temă pentru a ne îndeplini cerințele.
Puteți descărca această temă de pe http://startbootstrap.com/template-overviews/grayscale/
inversul unui număr în java
Descărcați tema în tonuri de gri și copiați CSS, font-awesome, fonts, img, JS și index.html în directorul public al proiectului site-ului web. Mai jos este instantaneul proiectului după adăugarea CSS, JS, fonturi, folderul de imagini și pagina index.html în directorul public al proiectului site-ului web.
Să rulăm proiectul site-ului nostru web acum:
La rularea proiectului, vi se va prezenta o pagină tematică în nuanțe de gri.
Vom modifica pagina index.html (sub directorul public al proiectului site-ului web) pentru a-i oferi un aspect profesional.
Mai jos este instantaneul proiectului site-ului web după efectuarea modificărilor în pagina index.html. Tocmai am schimbat imaginile și am editat o parte din text pentru a-l face specific unei persoane.
Puteți modifica index.html și grayscale.CSS după cum doriți. Acum, suntem gata să implementăm aplicația noastră de site web pe Heroku.
Împingerea codului către Github:
Înainte de a implementa aplicația pe Heroku, trebuie să ne împingem codul într-un depozit Github la distanță. Pentru asta aveți nevoie de un cont Github. Dacă nu aveți un cont Github, mergeți și creați unul la www.github.com .
De asemenea, trebuie să instalați Github pe Windows. Descărcați Github pentru Windows de la https://windows.github.com/ .
După ce ați descărcat și instalat Github pe mașina dvs., deschideți aplicația Github și configurați acreditările Github și alegeți shell-ul Git Bash ca shell implicit (puteți alege orice altă opțiune, de asemenea, după cum doriți) și apoi salvați modificările.
Trebuie să creați un depozit pe Github, unde vom salva proiectul site-ului nostru web de la distanță. Pentru a crea un depozit, conectați-vă la Github și faceți clic pe noua opțiune de depozit afișată în butonul verde.
Denumiți-vă depozitul (în acest caz, l-am numit railtoheroku) și faceți clic pe linkul de creare a depozitului așa cum se arată mai jos.
Github va furniza adresa URL la distanță ( https://github.com/eMahtab/railtoheroku.git în acest caz) pentru depozitul railtoheroku care va fi necesar în timp ce împingeți codul de la mașina locală la Github.
Acum suntem gata să împingem codul proiectului site-ului nostru web către Github. Urmați pașii de mai jos pentru a împinge codul către Github.
Deschideți shell-ul Git și utilizați comanda Git init pentru a inițializa directorul site-ului web așa cum se arată mai jos:
Acum, adăugați toate fișierele din directorul site-ului web sub controlul versiunii executând Git add.
Commit toate fișierele executând Git commit –m „Commit final”
convertiți în binar în python
Adăugați depozitul la distanță așa cum se arată mai jos:
Acum, ultimul pas care va împinge de fapt codul către depozitul Github:
Am terminat cu Github. Următoarea parte este implementarea efectivă a aplicației în Heroku.
Implementarea aplicației pe Heroku:
Creați un cont Heroku la https://www.heroku.com/
Notă : Trebuie să facem câteva modificări pentru implementarea aplicației în Heroku. Heroku nu acceptă SqLite 3, în schimb are baza de date PostgreSQL. Deci, trebuie să eliminăm dependența sqlite3 din fișierul gem. Heroku necesită o bijuterie rails_12factor, care este utilizată de Heroku pentru a servi active statice, cum ar fi imagini și foi de stil. Cele două modificări necesare în Gemfile sunt rezumate mai jos:
Eliminați linia de bijuterie „sqlite3” din Gemfile
Adăugați următoarele rânduri la Gemfile
grup: dezvoltare,: testare face #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Să verificăm dacă totul funcționează bine după efectuarea modificărilor la Gemfile. Salvați Gemfile și fugiți instalarea pachetului cu un steag special (- fără producție) pentru a preveni instalarea locală a oricăror pietre de producție.
Permite să trimitem modificările făcute în Gemfile la depozitul la distanță la Github:
Apăsați modificările la depozitul Github la distanță:
Crearea unei noi aplicații la Heroku:
Conectați-vă la Heroku și creați o aplicație nouă. Am numit aplicația mea railtoheroku. Îl poți numi oricum îți place. Faceți clic pe creați aplicație pentru a crea aplicația numită.
Conectarea depozitului Github la aplicația Heroku:
Următorul pas este să conectați depozitul Github la Heroku.
Mai jos am conectat depozitul nostru Github railtoheroku
Odată ce ne conectăm depozitul Github la Heroku, suntem gata să implementăm aplicația noastră. Pentru a implementa aplicația derulați în jos până la opțiunea de implementare manuală și faceți clic pe opțiunea de implementare ramură.
Implementarea aplicației:
După ce faceți clic pe Deploy Branch, Heroku va începe să instaleze pietrele de la Gemfile la producție:
Odată ce toate pietrele sunt instalate și aplicația este implementată, veți vedea mesajul de felicitare de la Heroku care spune: „Aplicația dvs. este implementată cu succes”.
Pentru a vedea aplicația implementată, faceți clic pe butonul de vizualizare și veți putea vedea aplicația dvs. implementată cu succes.
Dacă vă confruntați cu o problemă în timp ce urmați oricare dintre pașii de mai sus, vă rugăm să comentați mai jos. Sper că ți-a plăcut această postare.
Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii și vă vom răspunde.
Postări asemănatoare:
Analizarea fișierelor XML utilizând SAX Parser