У овом посту ћемо створити личну веб страницу помоћу шина и распоредити је на Хероку. Хероку је платформа за облак - нови начин изградње и примене веб апликација. Најбоља ствар код Херокуа је та што не морате да плаћате за хостинг основних веб апликација јер их је Хероку категоризовао као бесплатне. Направићемо апликацију за шине на једној страници и то ће бити статична веб локација која се може користити као портфељ.
Испод је снимак апликације шина (распоређена на Хероку овде )
Почнимо са креирањем ове Раилс апликације. Претпостављам да сте већ инсталирали Руби и Раилс. Обавезно користите Руби 2.0 и Раилс 4.2.2. Верзију можете да проверите из командне линије.
Напомена: Користићемо Руби 2.0 и Раилс 4.2.2. Ако имате неке различите верзије Руби и Раилс, неки од корака приказаних у овом посту можда вам неће успети.
Израда пројекта:
Наш пројекат ћемо назвати веб сајтом. Да бисте креирали пројекат, користите наредбу Раилс нев вебсите
Раилс ће аутоматски генерисати све датотеке, а такође ће инсталирати све потребне драгуље извршавањем аутоматски инсталираног снопа покретања, као што је приказано испод
Сада ћете видети директоријум веб локације испод вашег Ц: диска (локација одакле смо извршили нову команду Раилс нове веб странице). Отворимо фасциклу веб локације у неком ИДЕ-у. Имам заграде ИДЕ из Адобе-а. Можете користити било који други јер није важно.
Структура пројекта:
Генерисана структура пројекта изгледат ће као у наставку
Иако нисмо написали ниједан код, тренутно можете да покренете апликацију за веб локацију. Да бисте покренули апликацију за веб локацију, извршите команду Раилс с из фасцикле веб локације, као што је приказано доле
Као што видите на горњој снимци на којој је апликација за веб локације постављенахттп: // лоцалхост: 3000
Моћи ћете да видите доњи екран о приступу УРЛ-ухттп: // лоцалхост: 3000
Али желимо да прикажемо главну страницу наше апликације о приступу УРЛ-ухттп: // лоцалхост: 3000 /.За то направимо страницу индек.хтмл испод јавне фасцикле нашег пројекта веб странице.
Напомена: Раилс ће аутоматски приступити страници индек.хтмл при приступу коренској УРЛ адресихттп: // лоцалхост: 3000
За сада имамо само један ред на страници индек.хтмл.
Приступимо основној УРЛ адресихттп: // лоцалхост: 3000
Сада, ставимо мало живота на нашу индек.хтмл страницу додавањем неколико слика - ЈС и цоол ЦСС. Користићемо тему сивих тонова од старта боотстрапа.
Покрени тему покретања сиве скале -
Испод је снимак теме покретања почетне траке сиве скале коју ћемо користити. Прилагодићемо ову тему у складу са нашим захтевима.
Ову тему можете преузети са хттп://стартбоотстрап.цом/темплате-овервиевс/граисцале/
Преузмите тему сивих тонова и копирајте ЦСС, сјајне фонтове, фонтове, имг, ЈС и индек.хтмл у јавни директоријум пројекта веб странице. Испод је снимак пројекта након додавања ЦСС-а, ЈС-а, фонтова, директоријума слика и странице индек.хтмл у јавни директоријум пројекта веб странице.
Покренимо сада пројекат наше веб странице:
Током извођења пројекта биће вам представљена страница с темама сиве боје која изгледа лијепо.
Изменићемо страницу индек.хтмл (у јавном директоријуму пројекта веб странице) како бисмо јој дали професионални изглед.
Испод је снимак пројекта веб странице након уноса промена на страници индек.хтмл. Управо смо променили слике и уредили део текста како бисмо га учинили специфичним за појединца.
Можете да модификујете индек.хтмл и греисцале.ЦСС како желите. Сада смо спремни да применимо нашу веб страницу на Хероку.
Гурање кода у Гитхуб:
Пре примене апликације на Хероку, морамо да гурнемо наш код у удаљено Гитхуб спремиште. За то вам је потребан Гитхуб налог. Ако немате Гитхуб налог, идите и направите га на ввв.гитхуб.цом .
Такође је потребно да инсталирате Гитхуб на Виндовс. Преузмите Гитхуб за Виндовс са хттпс://виндовс.гитхуб.цом/ .
Једном када преузмете и инсталирате Гитхуб на свој рачунар, отворите Гитхуб апликацију и конфигуришите своје Гитхуб акредитиве и одаберите Гит Басх љуску као своју подразумевану љуску (можете одабрати било коју другу опцију такође по жељи), а затим сачувајте промене.
Треба да направите спремиште на Гитхуб-у, где ћемо даљински сачувати пројекат наше веб странице. Да бисте креирали спремиште, пријавите се на Гитхуб и кликните на нову опцију спремишта приказану зеленим дугметом.
Именујте своје спремиште (у овом случају смо га назвали раилтохероку) и кликните на везу за стварање спремишта као што је приказано доле.
Гитхуб ће пружити удаљени УРЛ ( хттпс://гитхуб.цом/еМахтаб/раилтохероку.гит у овом случају) за спремиште раилтохероку које ће бити потребно док се код са локалне машине пребацује у Гитхуб.
Сада смо спремни да гитуб нашег пројектног кода проследимо на Гитхуб. Следите кораке у наставку да бисте гурнули код на Гитхуб.
Отворите Гит љуску и користите наредбу Гит инит за иницијализацију директорија веб локације као што је приказано доле:
Сада додајте све датотеке у директоријум веб локације под контролом верзија извршавањем Гит адд.
Зарежите све датотеке извршавањем Гит цоммит –м „Финал цоммит“
Додајте удаљено спремиште као што је приказано доле:
Сада последњи корак који ће заправо гурнути код у Гитхуб спремиште:
Завршили смо са Гитхуб-ом. Следећи део је стварна примена апликације на Хероку.
Примена апликације на Хероку:
Отворите Хероку налог на хттпс://ввв.хероку.цом/
пронађи највећи елемент у низу јава
Белешка : Морамо да направимо неке промене за размештање апликације на Хероку. Хероку не подржава СкЛите 3, већ има ПостгреСКЛ базу података. Дакле, морамо уклонити склите3 зависност из гемфиле. Хероку захтева драгуљ раилс_12фацтор, који Хероку користи за послуживање статичких елемената као што су слике и табеле стилова. Две промене потребне у Гемфилеу су сумиране у наставку:
Уклоните линију драгуљ „склите3“ из Гемфиле
Додајте следеће редове у Гемфиле
група: развој,: тест уради #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Проверите да ли све функционише у реду након уношења промена у Гемфиле. Сачувајте Гемфиле и покрените бундле инсталл са посебном заставицом (–без производње) како би се спречила локална инсталација било каквих драгуља за производњу.
Омогућимо измене направљене у Гемфилеу у удаљено спремиште на Гитхуб-у:
Потисните промене у удаљено Гитхуб спремиште:
Креирање нове апликације на Хероку:
Пријавите се на Хероку и направите нову апликацију. Назвао сам своју апликацију раилтохероку. Можете му дати име како год желите. Кликните на цреате апп да бисте креирали именовану апликацију.
Повезивање Гитхуб спремишта са апликацијом Хероку:
Следећи корак је повезивање вашег Гитхуб спремишта са Херокуом.
Испод смо повезали наше Гитхуб спремиште раилтохероку
Једном када повежемо наше Гитхуб спремиште са Хероку, спремни смо за примену наше апликације. Да бисте применили апликацију, померите се надоле до опције ручног постављања и кликните на опцију размештања гране.
Примена апликације:
Једном када кликнете на Деплои Бранцх, Хероку ће започети инсталирање драгуља из Гемфиле у продукцију:
Када се инсталирају сви драгуљи и апликација се примени, видећете поруку честитке од Херокуа у којој се каже: „Ваша апликација је успешно постављена.“
Да бисте видели своју примењену апликацију, само кликните на дугме за приказ и моћи ћете да видите своју апликацију успешно постављену.
Ако се суочите са било којим проблемом док следите било који од горе наведених корака, молимо вас да коментаришете испод. Надам се да вам се свидео овај пост.
Имате питање за нас? Молимо вас да то споменете у одељку за коментаре и јавићемо вам се.
Повезани постови:
Рашчлањивање КСМЛ датотека помоћу САКС парсера