Šajā ierakstā mēs izveidosim personisku vietni, izmantojot sliedes, un izvietosim to Heroku. Heroku ir mākoņu lietojumprogrammu platforma - jauns veids, kā izveidot un izvietot tīmekļa lietotnes. Vislabāk par Heroku ir tas, ka par pamata tīmekļa lietotņu mitināšanu nav jāmaksā, jo Heroku tās ir klasificējis kā bezmaksas. Mēs izveidosim vienas lapas sliežu lietojumprogrammu, un tā būs statiska vietne, kuru var izmantot kā portfeli.
Zemāk ir lietojumprogrammas sliedes momentuzņēmums (izvietots uz Heroku šeit )
Sāksim izveidot šo Rails lietojumprogrammu. Es pieņemu, ka jūs jau esat instalējis Ruby and Rails. Pārliecinieties, vai jums ir Ruby 2.0 un Rails 4.2.2. Versiju varat pārbaudīt no komandu uzvednes.
Piezīme. Mēs izmantosim Ruby 2.0 un Rails 4.2.2. Ja jums ir dažas dažādas Ruby and Rails versijas, dažas no šajā ziņojumā parādītajām darbībām, iespējams, nedarbosies jums.
Projekta izveide:
Mēs savu projektu nosauksim par vietni. Lai izveidotu projektu, izmantojiet komandu Rails new website
Sliedes automātiski ģenerēs visus failus, kā arī instalēs visus nepieciešamos dārgakmeņus, izpildot automātiski instalēto palaišanas paketi, kā parādīts zemāk
Tagad zem C: diska redzēsit vietnes mapi (vietu, no kuras mēs izpildījām komandu Rails new website). Atvērsim vietnes mapi dažos IDE. Man ir Adobe iekavās IDE. Jūs varat izmantot jebkuru citu, jo tas nav svarīgi.
Projekta struktūra:
kā izmantot charat java
Izveidotā projekta struktūra izskatīsies šādi
Pat ja mēs neesam uzrakstījuši nevienu kodu, jūs varat palaist vietnes lietojumprogrammu tieši tagad. Lai palaistu vietnes lietojumprogrammu, izpildiet komandu Rails s no vietnes mapes, kā parādīts zemāk
Kā redzat iepriekš redzamajā momentuzņēmumā, mūsu vietnes lietotne ir izvietotahttp: // localhost: 3000
Jūs varēsit redzēt tālāk redzamo ekrānu, lai piekļūtu URLhttp: // localhost: 3000
Bet mēs vēlamies parādīt mūsu lietojumprogrammas galveno lapu par piekļuvi URLhttp: // localhost: 3000 /.Šim nolūkam izveidosim index.html lapu mūsu vietnes projekta publiskajā mapē.
Piezīme. Rails automātiski piekļūs index.html lapai, piekļūstot saknes URLhttp: // localhost: 3000
Pagaidām mums index.html lapā ir tikai viena rindiņa.
Piekļūsim saknes URLhttp: // localhost: 3000
Tagad ieliksim nedaudz dzīves mūsu index.html lapā, pievienojot dažus attēlus - JS un foršu CSS. Mēs izmantosim pelēktoņu tēmu no sākuma bootstrap.
Pelēktoņu sāknēšanas sāknēšanas tēma -
Zemāk ir redzams pelēktoņu sākuma sāknēšanas siksnas motīva momentuzņēmums, kuru mēs izmantosim. Mēs pielāgosim šo tēmu, lai tā atbilstu mūsu prasībām.
Jūs varat lejupielādēt šo motīvu no http://startbootstrap.com/template-overviews/grayscale/
Lejupielādējiet pelēktoņu tēmu un kopējiet CSS, awesome-font, fonts, img, JS un index.html vietnes projekta publiskajā direktorijā. Zemāk ir projekta momentuzņēmums pēc CSS, JS, fontu, attēlu mapes un index.html lapas pievienošanas vietnes projekta publiskajā direktorijā.
Izpildīsim mūsu vietnes projektu tūlīt:
Darbojoties projektā, jums tiks parādīta izskatīga pelēktoņu tēmas lapa.
Mēs pārveidosim index.html lapu (tīmekļa vietnes publiskajā direktorijā), lai piešķirtu tai profesionālu izskatu.
Zemāk ir vietnes projekta momentuzņēmums pēc izmaiņu veikšanas lapā index.html. Mēs tikko mainījām attēlus un rediģējām daļu teksta, lai padarītu to specifisku indivīdam.
kā dziļi kopēt java
Jūs varat pārveidot index.html un pelēktoņu.CSS, kā vēlaties. Tagad mēs esam gatavi izvietot mūsu vietnes lietojumprogrammu Heroku.
Koda pārvietošana uz Github:
Pirms lietojumprogrammas izvietošanas Heroku, mums jānospiež kods uz attālo Github repozitoriju. Tam jums ir nepieciešams Github konts. Ja jums nav Github konta, dodieties un izveidojiet to vietnē www.github.com .
Jums arī jāinstalē Github savā Windows. Lejupielādējiet Github for Windows no https://windows.github.com/ .
Kad esat lejupielādējis un instalējis Github savā datorā, atveriet Github lietojumprogrammu un konfigurējiet savus Github akreditācijas datus un kā noklusējuma čaulu izvēlieties Git Bash apvalku (varat izvēlēties jebkuru citu opciju arī pēc savas izvēles) un pēc tam saglabājiet izmaiņas.
Jums ir jāizveido Github krātuve, kurā mēs attālināti saglabāsim mūsu vietnes projektu. Lai izveidotu krātuvi, piesakieties Github un noklikšķiniet uz jaunās krātuves opcijas, kas parādīta zaļajā pogā.
Piešķiriet krātuvei nosaukumu (šajā gadījumā mēs to esam nosaucuši par railtoheroku) un noklikšķiniet uz izveidot krātuves saiti, kā parādīts zemāk.
Github nodrošinās attālo URL ( https://github.com/eMahtab/railtoheroku.git šajā gadījumā) par railtoheroku repozitoriju, kas būs vajadzīgs, pārvietojot kodu no vietējās mašīnas uz Github.
Tagad mēs esam gatavi nosūtīt mūsu vietnes projekta kodu uz Github. Veiciet tālāk norādītās darbības, lai virzītu kodu uz Github.
Atveriet Git apvalku un izmantojiet komandu Git init, lai inicializētu vietnes direktoriju, kā parādīts zemāk:
Tagad pievienojiet visus vietnes direktorijas failus versijas kontrolē, izpildot Git add.
Izpildiet visus failus, izpildot Git comm-m “Final Commit”
Pievienojiet attālo repozitoriju, kā parādīts zemāk:
Tagad pēdējais solis, kas faktiski virzīs kodu uz Github krātuvi:
Mēs esam paveikuši ar Gitubu. Nākamā daļa ir faktiskā lietojumprogrammas izvietošana Heroku.
Lietotnes izvietošana Heroku:
Izveidojiet Heroku kontu vietnē https://www.heroku.com/
Piezīme : Mums ir jāveic dažas izmaiņas lietojumprogrammas izvietošanai Heroku. Heroku neatbalsta SqLite 3, tā vietā tam ir PostgreSQL datu bāze. Tāpēc mums ir jānoņem atkarība no sqlite3 no gemfile. Heroku nepieciešama rails_12factor gem, kuru Heroku izmanto, lai apkalpotu statiskos līdzekļus, piemēram, attēlus un stila lapas. Divas Gemfile nepieciešamās izmaiņas ir apkopotas zemāk:
Noņemiet Gemfile līniju gem ‘sqlite3’
Pievienojiet šādas rindas Gemfile
grupa: izstrāde,: pārbaude veic #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Pēc izmaiņu veikšanas Gemfile pārbaudīsim, vai viss darbojas labi. Saglabājiet Gemfile un palaidiet saišķa instalēšana ar īpašu karodziņu (bez ražošanas), lai novērstu jebkādu ražošanas dārgakmeņu uzstādīšanu vietējā mērogā.
Ļauj veikt Gemfile veiktās izmaiņas Github attālajā krātuvē:
Pārvietojiet izmaiņas uz attālo Github krātuvi:
Jaunas lietojumprogrammas izveide vietnē Heroku:
Piesakieties Heroku un izveidojiet jaunu lietotni. Es savu lietotni esmu nosaucis par railtoheroku. Jūs to varat nosaukt, kā vien vēlaties. Noklikšķiniet uz Izveidot lietotni, lai izveidotu nosaukto lietotni.
Github repozitorija savienošana ar Heroku lietotni:
Nākamais solis ir saistīt savu Github krātuvi ar Heroku.
Zemāk mēs esam savienojuši savu Github repozitoriju railtoheroku
Kad būsim savienojuši savu Github repozitoriju ar Heroku, esam gatavi izvietot savu lietojumprogrammu. Lai izvietotu lietojumprogrammu, ritiniet uz leju līdz manuālās izvietošanas opcijai un noklikšķiniet uz opcijas Izvietot filiāli.
Lietotnes izvietošana:
Kad noklikšķināsit uz Izvietot filiāli, Heroku sāks instalēt Gemfile dārgakmeņus ražošanā:
Kad visi dārgakmeņi ir instalēti un programma ir izvietota, jūs redzēsiet apsveikuma ziņojumu no Heroku: “Jūsu lietotne ir veiksmīgi izvietota.”
Lai redzētu izvietoto lietojumprogrammu, vienkārši noklikšķiniet uz skata pogas, un jūs varēsit redzēt, kā lietotne ir veiksmīgi izvietota.
kas ir tipogrāfs java
Ja, veicot kādu no iepriekš minētajām darbībām, rodas kādas problēmas, lūdzu, komentējiet tālāk. Ceru, ka jums patika šis ieraksts.
Vai mums ir jautājums? Lūdzu, pieminējiet to komentāru sadaļā, un mēs ar jums sazināsimies.
Saistītās ziņas:
Parsējot XML failus, izmantojot SAX Parser