Деплой NodeJS. Heroku (бесплатный хостинг)


9 562 просмотра.

Краткое описание видео: .господа всем привет и начиная с этого.ролика я завожу новый плейлист на канале.где я буду разбирать различные способы.тепло и но джесс приложений на разные.сервисы.в этом уроке мы поговорим про то как.заливать но джесс приложения на.бесплатный хостинг heroku.поэтому если вам подобный контент.полезен то обязательно ставьте лайки под.этим видео подписывайтесь на канал а так.же добавляйте меня друзья в вконтакте ну.а мы начинаем и начнем пожалуй с.чего-нибудь простого например создадим.но джесс приложения которые впоследствии.из-за тепло и я создал пустой проект ввп.шторме.и первое с чего мы начнём я напишу.команду эмблемы нет минус твой для того.чтобы сгенерировать pg джейсон далее я.предлагаю создать какой-нибудь простой.проект на экспрессия и залить его.соответственно поэтому competent стол.экспресс сразу же мы можем написать.команду старт для того чтобы запускать.наше приложение чтобы тоже heroku знал.что нужно делать вообще с данным модулем.и здесь мы обращаемся к моде и запускаем.файл.индекс . джесс который создаем в корме ..джесс здесь подключаю экспресс recuva яр.экспресс далее я создаю объект об из.функций express после этого мне.потребуется создать переменную порт.который я получу is not in warm and то.есть это переменная просто and port.heroku по идее должен самые добавить.поэтому в первую очередь мы проверяем.если есть такая переменная если ее нет.то тогда мы будем по умолчанию задавать.80 порт и после этого по сути я просто.обращаюсь к об вызывая метод лесам.первым параметром передаю порт и в.принципе функцию голубики а также могу.не передавать но с другой стороны для.того чтобы убедиться что у нас все.запускается могу сюда написать там свой.хук например the server has been started.теперь что будет делать наше приложение.по сути у нас будет два робота для того.чтобы определить что у нас действительно.есть разные страницы экспресс их.отрабатывает и рисует поэтому будем.обрабатывать все методом get где главный.уролог у нас будет вести на главную.страницу.здесь в функцию кубики мы принимаем рик.request и response и bull объекта.response я могу просто вызвать метод.and где я могу написать некоторые.системы например заголовок h1 home бейдж.и соответственно будет еще один road.допустим страница эбаут где буду писать.бал пейдж то есть приложение очень.простое но при этом в нем видно что есть.разные страницы что сервер и спускается.и что это действительно на джесс теперь.я напишу команду mpm старт наш проект.запускается мы можем на него посмотреть.на локу хостел вот есть главная страница.если мы переходим на flash about the bow.страницу в принципе можем добавить даже.ссылки для того чтобы было проще сделать.навигацию поэтому давайте так и поступим.то здесь я поменяю на литералы общем.напишу здесь онлайн each темы.значит у нас все будет находиться в деве.будет.некоторые навигация где по сути я заведу.список цель в каждом элементе ли у меня.будет ссылка а ведущая анна допустим.страницу.он теперь я копирую данную ссылку и.такая же ссылка на страницу и тп аут.теперь осталось только поправить.отступим значит все начинается с диван.поэтому где сидел и отступ так div.теперь на одном уровне далее заголовок.h1 должен быть на этом уровне.так теперь так нас сюда наполнение нова.выравниваем таким образом так почти и.вот так что ж теперь выглядит.более-менее хорошо.дальше я могу просто здесь тоже так.нужен могу просто скопировать эту штуку.вставить на балу страницу здесь не.писать болтаешь-то для того чтобы нам.определить что до сих на другой странице.перезапускаем сервер проверяем да и.теперь у нас есть две красивые ссылки.которые позволяют нам менять странице то.есть видно что это уже полноценный сайт.прекрасное приложение мы написали.понятно что его можно усложнять но для.примера нам этого хватит теперь что мы.делаем дальше дальше по сути нам нужно.зарегистрироваться на сайте heroku сайт.находится на домене heroku точка com и.здесь вы нажимаете кнопочку сайн ап.да для того чтобы завести аккаунт.проходите обычные этапы формы то есть вы.видите имя фамилию email адрес роль то.есть самый обычный процесс регистрации.вводите captcha наживаете create аккаунт.он бесплатен то есть вам платить за него.не нужно карточки привязывать не нужно и.после того как вы заведете аккаунт мы.сможем продолжать.значит как мы будем продолжать.в поисковике вы можете написать heroku.силой первая ссылка будет вести надев.центр и здесь есть ссылка download and.install здесь вы можете просто скачать.допустим в моем случае для mapquest.installer либо же например для windows.дали боишься четыре бита либо 32 бита а.если вы работаете на ubuntu то вот.команда которая позволяет это сделать.также на mac os вы можете использовать.brew для того чтобы установить данный.силой но по сути вся идея сводится к.тому что вы скачиваете архив.устанавливайте как обычную программу и.все должно работать.что мы делаем после того как мы.установили heroku.по сути мы можем консоли написать heroku.допустим минус минус хоуп чтобы.убедиться что действительно силой к.установилась и теперь нам доступны.различные команды то есть у меня.выдается версия юзать команды да то есть.ответственно села и у меня установлен.что мы делаем после этого после этого.нам необходимо залогиниться в целой то.есть написать команду heroku.лагин нажимаю enter и после этого hero.попросит меня нажать любую кнопку.нажимаю любую кнопку.кроме буквы пью и мы попадаем.автоматически на страницу браузера далее.нажимаем логин.здесь мы вводим данные нашего аккаунта.нажимаю логин все написано что мы были.владимир как видно сейчас все light.также мне выдал данные моим и после.этого я могу написать heroku.great для того чтобы создать новый.проект да это нужно сделать когда у нас.уже есть определенная авторизация проект.нас был создан и вот теперь есть ссылка.на данный проект то есть здесь есть.ссылка и на git есть ссылка на поддомен.к на котором будет доступен наш но джесс.приложения если я нажимаю на него top.что видно что здесь присутствует базовой.системой страницы которые на мне очень.интересно давайте попробуем зайти в.heroku даже борт как мы это можем.сделать просто написать heroku.дашборд допустим перехожу по этой ссылке.да и идея в том что мы оказываемся.учитывая что мы уже были залогинены мы.оказываемся на под домене дашборд херово.. com.abs у меня уже есть тут какой-то проект.naxt сср но учитывая что в консоли у нас.написано.бай линг ян лет у вас будет другая какая.то ссылка.я смотрю по названию проекта то я вижу.этот проект прямо в своем дашборде то.все могу у него перейти здесь есть.различные настройки для данного.приложения но я перейду в диплом где по.сути написано как вообще деплоить.данный проект с помощью а heroku силой.то есть начале мы должны его установить.потом мы должны залогиниться в системе.дальше мы должны добавить.гид для данного приложения то есть для.начала чтобы все работало корректно я.создал файлик . гид и гной из внесу сюда.два поля это папка над мариус и . идея ..идея эта папка который генерит в шторм.если мы посмотрим на project files to.вот эта папочка присутствует нам она не.нужна для тепло и поэтому я ее добавляю.и после этого я могу проинициализировать.гид стоит написать команду гид и мид мы.про инициализировали пустой git.репозиторий и дальше все что нам нужно.сделать нужно добавить все файлы и папки.гид и ..да теперь должно появиться что у меня.файла добавлено в систему контроля.версий гид далее после этого нам.необходимо сделать commit.git commit минус message допустим.created.сделал комит видно что лишь не файл они.попадают мне в git то есть нет папки над.моде вас нет папки . идея это прекрасно.и дальше по сути мы можем перейти в поле.диплом и посмотреть как мы можем.добавить ссылку на git для данного.приложения то есть тут есть команда.heroku гид ремоут.и дальше мы записываем название.приложения то есть я просто копирую.данную ссылку.вставляю ее в консоль то есть я.обращаюсь здесь кассио лайки и добавляю.некоторые удаленные репозитории до.которые соответствуют нашему проекту.нажимаю enter гид у меня был добавлен и.по сути после этого тут дальше идут.следующие шаги до которые мы уже сделали.добавление всех файлов commit и после.этого нам нужно приписать git push.heroku мастер по сути git push heroku.мастер то есть мы будем сейчас кушать.наш проект через систему контроля версий.гид в удаленный репозиторий heroku в.ветку мастер нажимаю enter.далее видно что.удаленный сервер подцепил наш проект.устанавливаются необходимые зависимости.для него очистит кэш.строит папку над модулем запускает его и.вроде как все получилось хорошо то есть.теперь мы можем либо нажать на ссылку.либо нажать командуем киру come up.и видно сейчас что автоматически.открылась вкладка в браузере.по данной ссылке и здесь мы можем.наблюдать наш проект то есть есть.страница home есть страницы эбаут.который также нажимается и открывается.только теперь мы уже находимся не на.локальном хосте мы находимся на.удаленном сервере.понятно что этот пример самый простой.который можно было привести но на самом.деле подобная система она вредна для.проектов любого масштаба то есть вы.можете любые но джед проекты подобным.принципом загружать на heroku дальше.внутри даже барда вы можете я даже борт.вы можете подключать например различные.домены.допустим в поле settings вы можете.добавлять кита.системные переменные и heroku их будет.использовать когда ваш проект будет с.диплом и прелесть данного сервиса.заключается в том что по сути он.бесплатный то есть если вам необходимо.протестировать то как ваш проект будет.вести себя допустим на удаленном сервере.что с диплом все хорошо и вы все учли то.этот сервис отлично для этого подходит.надеюсь что с данной системой мы с вами.разобрались надеюсь что этот урок был.вам полезен и увидимся в других видео

Деплой NodeJS. Heroku (бесплатный хостинг)

Как? Вы еще не смотрели? Ну это зря...