I det här inlägget skapar vi en personlig webbplats med hjälp av rails och distribuerar den till Heroku. Heroku är en applikationsplattform för moln - ett nytt sätt att bygga och distribuera webbappar. Det bästa med Heroku är att du inte behöver betala för att vara värd för grundläggande webbappar, eftersom Heroku har kategoriserat dem som gratis. Vi kommer att bygga en enda sida rails applikation och det kommer att vara en statisk webbplats som kan användas som en portfölj.
Nedan visas ögonblicksbilden av rails-applikationen (distribuerad på Heroku här )
Låt oss komma igång med att skapa denna Rails-applikation. Jag antar att du redan har installerat Ruby and Rails. Se till att du har Ruby 2.0 och Rails 4.2.2. Du kan kontrollera versionen från kommandotolken.
Obs! Vi kommer att använda Ruby 2.0 och Rails 4.2.2. Om du har några olika versioner av Ruby and Rails kanske vissa av stegen som visas i det här inlägget inte fungerar för dig.
Skapa projektet:
Vi kommer att namnge vårt projekt som webbplats. För att skapa projektet använd kommandot Rails ny webbplats
Rails genererar automatiskt alla filer och det kommer också att installera alla nödvändiga pärlor genom att köra körpaketet installerat automatiskt enligt nedan.
Nu ser du en webbplatsmapp under din C: -enhet (platsen från vilken vi körde Rails nya webbplatskommando). Låt oss öppna webbplatsmappen i vissa IDE. Jag har parentes IDE från Adobe. Du kan använda alla andra eftersom det inte spelar någon roll.
Projektstruktur:
Den genererade projektstrukturen ser ut som nedan
Även om vi inte har skrivit någon kod kan du köra webbplatsapplikationen just nu. För att köra webbplatsapplikationen kör du Rails s-kommando från webbplatsmappen enligt nedan
Som du kan se i ovanstående ögonblicksbild som vår webbplatsapp har distribuerats påhttp: // localhost: 3000
Du kommer att kunna se skärmen nedan för att komma åt webbadressenhttp: // localhost: 3000
Men vi vill visa vår applikationshuvudsida om åtkomst till webbadressenhttp: // localhost: 3000 /.För det ska vi skapa en index.html-sida under den offentliga mappen för vårt webbplatsprojekt.
Obs! Rails kommer automatiskt att visa index.html-sidan när du kommer till root-URL: nhttp: // localhost: 3000
För tillfället har vi bara en rad på index.html-sidan.
Låt oss komma åt rot-URLhttp: // localhost: 3000
Låt oss nu lägga lite liv på vår index.html-sida genom att lägga till några bilder - JS och cool CSS. Vi kommer att använda gråskala-tema från start bootstrap.
Gråskala Start Bootstrap Theme -
Nedan är ögonblicksbilden av det gråskala start bootstrap-temat som vi kommer att använda. Vi kommer att anpassa detta tema för att möta våra krav.
Du kan ladda ner detta tema från http://startbootstrap.com/template-overviews/grayscale/
Ladda ner gråskala-tema och kopiera CSS, font-awesome, typsnitt, img, JS och index.html till den offentliga katalogen för webbplatsprojektet. Nedan är projektets ögonblicksbild efter att CSS, JS, typsnitt, bildmapp och index.html-sida har lagts till i den offentliga katalogen över webbplatsprojektet.
Låt oss köra vårt webbplatsprojekt nu:
När du kör projektet får du en snygg temasida i gråskala.
hur man skapar en uppsättning objekt
Vi kommer att ändra index.html-sidan (under offentlig katalog över webbplatsprojekt) för att ge den ett professionellt utseende.
Nedan visas ögonblicksbilden av webbplatsprojektet efter ändringarna på index.html-sidan. Vi har just ändrat bilderna och redigerat en del av texten för att göra den specifik för en individ.
Du kan ändra index.html och gråskala.CSS som du vill. Nu är vi redo att distribuera vår webbplatsapplikation till Heroku.
Att skicka koden till Github:
Innan vi distribuerar applikationen till Heroku måste vi skicka vår kod till ett fjärranslutet Github-arkiv. För det behöver du ett Github-konto. Om du inte har ett Github-konto kan du skapa ett på www.github.com .
Du måste också installera Github på din Windows. Ladda ner Github för Windows från https://windows.github.com/ .
När du har laddat ner och installerat Github på din maskin öppnar du Github-applikationen och konfigurerar dina Github-referenser och väljer Git Bash-skal som standardskal (du kan välja vilket annat alternativ du vill) och sedan spara ändringarna.
Du måste skapa ett förvar på Github, där vi kommer att spara vårt webbplatsprojekt på distans. För att skapa ett förråd, logga in på Github och klicka på det nya förvaret som visas i den gröna knappen.
Namnge ditt förråd (i det här fallet har vi döpt det till railtoheroku) och klicka på Skapa förvarslänk som visas nedan.
Github tillhandahåller fjärr-URL: n ( https://github.com/eMahtab/railtoheroku.git i det här fallet) för railtoheroku-förvaret som kommer att behövas när du trycker koden från den lokala maskinen till Github.
Nu är vi redo att skicka vår webbplatsprojektkod till Github. Följ stegen nedan för att skicka koden till Github.
Öppna Git-skalet och använd Git init-kommandot för att initialisera webbplatskatalogen enligt nedan:
Lägg nu till alla filer i webbkatalogen under versionskontroll genom att köra Git add.
Begå alla filer genom att utföra Git commit –m “Final Commit”
vad är en nyckelfel i python
Lägg till fjärrförvaret enligt nedan:
Nu det sista steget som faktiskt kommer att driva koden till Github-arkivet:
Vi är klara med Github. Nästa del är den faktiska distributionen av applikationen till Heroku.
Distribuera applikationen till Heroku:
Skapa ett Heroku-konto på https://www.heroku.com/
Notera : Vi måste göra några ändringar för att distribuera applikationen till Heroku. Heroku stöder inte SqLite 3, utan har PostgreSQL-databas. Så vi måste ta bort sqlite3-beroende från gemfile. Heroku kräver rails_12factor-pärla, som används av Heroku för att betjäna statiska tillgångar som bilder och stilark. De två ändringarna som krävs i Gemfile sammanfattas nedan:
Ta bort raden pärla 'sqlite3' från Gemfile
Lägg till följande rader i Gemfile
grupp: utveckling,: test do #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Låt oss kontrollera om allt fungerar bra efter att ha gjort ändringarna i Gemfile. Spara Gemfile och kör buntinstallation med en speciell flagga (–utan produktion) för att förhindra lokal installation av eventuella produktionspärlor.
Låt oss begå ändringarna som gjorts i Gemfile till fjärrförvaret på Github:
Tryck på ändringarna till fjärrkontrollen Github:
Skapa en ny applikation på Heroku:
Logga in på Heroku och skapa en ny app. Jag har namngett min app railtoheroku. Du kan namnge det vad du vill. Klicka på skapa app för att skapa den namngivna appen.
Ansluta Github-arkivet till Heroku-appen:
Nästa steg är att länka ditt Github-arkiv till Heroku.
Nedan har vi anslutit vårt Github-arkiv railtoheroku
När vi har anslutit vårt Github-arkiv till Heroku är vi redo att distribuera vår applikation. För att distribuera applikationen, bläddra ner till manuellt distributionsalternativ och klicka på alternativet för distribution.
Distribuera applikationen:
När du klickar på Deploy Branch, kommer Heroku att börja installera pärlor från Gemfile vid produktion:
När alla ädelstenar är installerade och applikationen har distribuerats ser du gratulationsmeddelandet från Heroku som säger: 'Din app har lyckats distribueras.'
För att se din distribuerade applikation klickar du bara på Visa-knappen så kan du se din app distribueras framgångsrikt.
Om du stöter på något problem när du följer något av ovanstående steg kan du kommentera nedan. Hoppas du gillade det här inlägget.
Har du en fråga till oss? Vänligen nämna det i kommentarfältet så återkommer vi till dig.
Relaterade inlägg:
Analysera XML-filer med SAX Parser