Oprettelse og implementering af skinneapplikation til Heroku



I dette indlæg opretter vi et personligt websted ved hjælp af skinner og distribuerer det til Heroku. Heroku er en cloud-applikationsplatform - en ny måde at implementere webapps på

I dette indlæg opretter vi et personligt websted ved hjælp af skinner og distribuerer det til Heroku. Heroku er en cloud-applikationsplatform - en ny måde at opbygge og implementere webapps på. Det bedste ved Heroku er, at du ikke behøver at betale for at være vært for grundlæggende webapps, da Heroku har kategoriseret dem som gratis. Vi vil opbygge et enkelt skinne-program, og det vil være et statisk websted, der kan bruges som en portefølje.





Nedenfor er øjebliksbillede af skinnen applikationen (implementeret på Heroku her )



Lad os komme i gang med at oprette denne Rails-applikation. Jeg antager, at du allerede har installeret Ruby and Rails. Sørg for, at du har Ruby 2.0 og Rails 4.2.2. Du kan kontrollere versionen fra kommandoprompten.

Bemærk: Vi bruger Ruby 2.0 og Rails 4.2.2. Hvis du har nogle forskellige versioner af Ruby and Rails, fungerer nogle af trinene i dette indlæg muligvis ikke for dig.



Oprettelse af projektet:

Vi navngiver vores projekt som hjemmeside. For at oprette projektet skal du bruge kommandoen Rails new website

Rails genererer automatisk alle filer, og det installerer også alle de nødvendige perler ved at udføre kørepakken installeret automatisk som vist nedenfor

Nu vil du se en webstedsmappe under dit C: -drev (placeringen hvorfra vi udførte Rails nye webstedskommando). Lad os åbne websitet-mappen i noget IDE. Jeg har beslag IDE fra Adobe. Du kan bruge andre, da det ikke betyder noget.

Projektstruktur:

Den genererede projektstruktur ser ud som nedenfor

Selvom vi ikke har skrevet nogen kode, kan du køre webstedsapplikationen lige nu. For at køre webstedsapplikationen skal du udføre Rails s-kommando fra webstedsmappen som vist nedenfor

Som du kan se i ovenstående øjebliksbillede, som vores webstedsapp er blevet implementeret påhttp: // localhost: 3000

Du kan se skærmen nedenfor for at få adgang til URL'enhttp: // localhost: 3000

Men vi vil vise vores applikationshovedside om adgang til URL'enhttp: // localhost: 3000 /.Til det skal vi oprette en index.html-side under den offentlige mappe på vores webstedsprojekt.

Bemærk: Rails betjener automatisk index.html-siden ved at få adgang til rod-URLhttp: // localhost: 3000

Indtil videre har vi bare en linje på index.html-siden.

hvad er abstraktion i c ++

Lad os få adgang til rodwebadressenhttp: // localhost: 3000

Lad os nu sætte lidt liv på vores index.html-side ved at tilføje nogle billeder - JS og cool CSS. Vi bruger gråtonetema fra start bootstrap.

Gråtone Start Bootstrap-tema -

Nedenfor er et øjebliksbillede af det gråtonestart-bootstrap-tema, som vi vil bruge. Vi vil tilpasse dette tema for at imødekomme vores krav.

Du kan downloade dette tema fra http://startbootstrap.com/template-overviews/grayscale/

Download gråtonetema, og kopier CSS, font-awesome, skrifttyper, img, JS og index.html til den offentlige bibliotek på webstedsprojektet. Nedenfor er projektets øjebliksbillede efter tilføjelse af CSS, JS, skrifttyper, billedmappe og index.html-side under offentlig katalog over webstedsprojektet.

Lad os køre vores webstedsprojekt nu:

Når du kører projektet, vil du blive præsenteret for en flot temaside med gråtoner.

Vi vil ændre index.html-siden (under den offentlige mappe over webstedsprojektet) for at give den et professionelt udseende.

Nedenfor er snapshotet af webstedsprojektet efter at have foretaget ændringerne på siden index.html. Vi har lige ændret billederne og redigeret noget af teksten for at gøre den specifik for en person.

hvordan man skriver tostring-metoden i java

Du kan ændre index.html og gråtoner.CSS, som du vil. Nu er vi klar til at implementere vores webstedsapplikation til Heroku.

Skubber koden til Github:

Før applikationen implementeres i Heroku, skal vi skubbe vores kode til et fjernt Github-lager. Til det har du brug for en Github-konto. Hvis du ikke har en Github-konto, skal du oprette en på www.github.com .

Du skal også installere Github på din Windows. Download Github til windows fra https://windows.github.com/ .

Når du har downloadet og installeret Github på din maskine, skal du åbne Github-applikationen og konfigurere dine Github-legitimationsoplysninger og vælge Git Bash-skal som din standardskal (du kan også vælge enhver anden mulighed, som du vil) og derefter gemme ændringerne.

Du skal oprette et lager på Github, hvor vi gemmer vores webstedsprojekt eksternt. For at oprette et arkiv skal du logge ind på Github og klikke på den nye depotindstilling, der vises i den grønne knap.

Navngiv dit arkiv (i dette tilfælde har vi navngivet det railtoheroku), og klik på Opret arkivlink som vist nedenfor.

Github giver den eksterne URL ( https://github.com/eMahtab/railtoheroku.git i dette tilfælde) til railtoheroku-arkivet, som er nødvendigt, mens du skubber koden fra lokal maskine til Github.

Nu er vi klar til at skubbe vores websteds projektkode til Github. Følg nedenstående trin for at skubbe koden til Github.

Åbn Git shell og brug Git init-kommandoen til at initialisere webstedsmappen som vist nedenfor:

Tilføj nu alle filerne i webstedsmappen under versionskontrol ved at udføre Git add.

Foretag alle filerne ved at udføre Git commit –m “Final Commit”

Tilføj det eksterne lager som vist nedenfor:

Nu det sidste trin, som faktisk vil skubbe koden til Github-arkivet:

Vi er færdige med Github. Den næste del er den faktiske implementering af applikationen til Heroku.

Implementering af applikationen til Heroku:

Opret en Heroku-konto på https://www.heroku.com/

Bemærk : Vi er nødt til at foretage nogle ændringer for implementering af applikationen til Heroku. Heroku understøtter ikke SqLite 3, men har i stedet PostgreSQL-database. Så vi er nødt til at fjerne sqlite3-afhængighed fra gemfile. Heroku kræver rails_12factor perle, som bruges af Heroku til at betjene statiske aktiver såsom billeder og typografiark. De to ændringer, der kræves i Gemfile, er opsummeret nedenfor:

Fjern linjen perlen 'sqlite3' fra Gemfile

Føj følgende linjer til Gemfile

gruppe: udvikling,: test do #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end

Lad os kontrollere, om alt fungerer fint, når vi har foretaget ændringerne i Gemfile. Gem Gemfile og kør bundtinstallation med et specielt flag (uden produktionen) for at forhindre lokal installation af produktionsperler.

Lad os forpligte de ændringer, der er foretaget i Gemfile til fjernlager på Github:

Skub ændringerne til det eksterne Github-arkiv:

Oprettelse af en ny applikation på Heroku:

Log ind på Heroku, og opret en ny app. Jeg har navngivet min app railtoheroku. Du kan navngive det, hvad du vil. Klik på Opret app for at oprette den navngivne app.

Tilslutning af Github-lager til Heroku-appen:

Næste trin er at linke dit Github-lager til Heroku.

Nedenfor har vi tilsluttet vores Github repository railtoheroku

Når vi forbinder vores Github-lager til Heroku, er vi klar til at implementere vores applikation. For at implementere applikationen, rul ned til manuel implementeringsmulighed og klik på implementeringsgren.

Implementering af applikationen:

Når du klikker på Implement Branch, begynder Heroku at installere ædelstene fra Gemfile ved produktion:

Når alle ædelstene er installeret, og applikationen er implementeret, vil du se lykønskningsmeddelelsen fra Heroku, der siger, 'Din app er implementeret med succes.'

konvertering af binær til decimal i java

For at se din implementerede applikation skal du bare klikke på visningsknappen og du vil kunne se din app implementeret med succes.

Hvis du står over for et problem, mens du følger et af ovenstående trin, bedes du kommentere nedenfor. Håber du nød dette indlæg.

Har du et spørgsmål til os? Nævn det i kommentarfeltet, og vi vender tilbage til dig.

Relaterede indlæg:

Parsing af XML-filer ved hjælp af SAX Parser