Деплой веб-приложения на практическом примере. Проще, чем кажется

[@artemshumeiko]

Прокачайся в прохождении собеседований на Солвит: clck.ru/3C4EiT Приглашаю на мой Практический курс по Backend разработке по всем актуальным технологиям: artemshumeiko.ru Вторая часть видео доступна только на Boosty: boosty.to/artemshumeiko/posts/e4fca0c7-d6ed-4c23-a13a-157cba05dfed Внутри: - Регистрация домена и поддомена - Получение SSL сертификатов - Настройка Nginx и поддомена

[@michaelsopunov]

Уже месяц прошёл, планируете ли выложить вторую часть сюда на ЮТ? 🤞🤞 Ждём по CI/CD !! 👍👍

[@artemshumeiko]

@@michaelsopunov нет, только на boosty

[@brazenoptimist]

Ждем больше видео по CI/Cd 😊

[@СтасниславНиколаевич]

Гитхаб экшн и все такое) батник себе сделал который автоматом льет на гит и не сервер через ссх. Потому что гитхаб экшн не смог настроить. Не хочет подключаться и все тут.

[@lorg0n]

@@СтасниславНиколаевич ну это костыль немного)

[@СтасниславНиколаевич]

@@lorg0n но в добавок к этому, купив другой серв, впн настроил быстро и без проблем

[@char0dey98]

@@СтасниславНиколаевич себе делал гитхаб экшенс интересным способом - с меина код заливает на сервер, собирает докер - компоуз, отправляет на докер-хаб, проверяет соответствие с хабом, удаляет старый, поднимает новый конт. Так как сделал все на службах systemd - при замене конта просто стоплю на время. Насколько эта схема верная и имеет смысл на жизнь? (буквально все что необходимо для жизни сайта висит на службах, и в принципе при сбоях, сервер просто встает без моего участия)

[@АлексейБондаренко-т8т]

Круто круто круто. Ничего лишнего. Быстро, без воды.

[@KoryRuno]

Артём, мое почтение. Спасибо!

[@ЕвгенийЕрмак-м9м]

Очень интересно, грамотная подача, нет слов паразитов. Благодарю!

[@puhuilo8801]

CORS и не нужны были для работы этого приложения. Если запросы идут на тот же origin (а в данном случае это так - /api), то запросы не будут считаться кроссориджинами. Ошибка CORS, которая у тебя появилась при открытии приложения, была вызвана тем, что изначально запрос уходил на localhost.

[@jevgenij2929]

🔥 спасибо за полезный туториал

[@dxmln]

Спасибо за разбор и объяснение. Полезное видео для понимания. Ждём CI/CD!

[@kottofey1]

Шикарный видос! Всё по делу и довольно кратко, а с другой стороны подробно! Спасибище!!!!!

[@AssakurA1]

Ждем видео про работу с ci/cd, очень интересно увидеть и внедрить правильно автоматическую доставку кода на сервер и его сборку 🔥

[@svetlanamazhaykina6918]

Спасибо за Ваш труд! Коммент в поддержку канала.

[@ИванШишкин-щ1у]

Спасибо тебе, Артём,за все твои старания для нас. Ты очень крут!

[@MichaelOsipov]

Спасибо, очень познавательно!

[@v.lavrinovics1970]

Благодарю за видео. Я сам использую node/nuxt и vue, но ваше видео довольно полезно было посмотреть.

[@localhost5000Leo]

Спасибо за урок, научился копировать.

[@РусланОсманов-с7й]

мне нравиться как Вы преподносите, темп,подход ,голос мне прям подходит! Очень интересно,приятно и спокойно,спасибо большое

[@kirillzhukov1675]

Спасибо большое! Как всегда очень полезное видео. Хочется больший хронометраж с большим объяснением возможных проблем, предупрежден - значит вооружен

[@arukeulen7387]

спасибо большое, реально чудо контент 😇🙏

[@zizzxiii2714]

СУПЕР!!!!!!! Спасибо! Жду еще видео!

[@whoami866]

БРО, я только смотрю видео по деплою django приложения. Вроде разобрался а вроде и нет, выхожу в реки и вижу это чудо..

[@sergsergey4251]

Спасибо, отличное видео. Успехов в развитии!

[@kastet-it]

Спасибо. Видео отличное. Как база самое то.

[@l1acdy]

12:24 Кстати, что бы быстро копировать кусок кода, можно выделить несколько строк, и нажать: Shift + Alt + Стрелочка вниз или вверх

[@nobodylll48]

Спасибо, сам ломал голову как бэк и фронт соединить. А ранее деплоил написанный на Джанго сайт джинджой2, вот теперь попробую фронт на реакте раскатать.

[@testikarus]

Спасибо за Ваш труд! Коммент в поддержку канала.

[@ulukbekisakov5469]

Красавчик братан, продолжай в том же духе - очень помогает 💪🏻👍🏻

[@дмитрийщуцкий-с3б]

Супер! То что было нужно.

[@ast4k441]

Спасибо, за видео и ссылку на гитхаб😊, контент очень поучительный и полезный. Спасибо за проделанную работу.

[@biovawan]

круто! Спасибо! Мега полезно!

[@programmistka_v_amerike]

Очень приятный и интуитивный мини-мастеркласс вышел :)

[@ВалентинТ-х6ц]

Прикольно, спасибо. Сделал похожим образом, только для .net core + react. Плюс закинул фронт сразу на тот же образ, что и апи проксирует.

[@fila7yt]

лайк поставил, теперь ждем видео про CI CD

[@_test_test]

очень хорошо рассказываешь. как раз в голове не укладывалось что с этим делать. есть еще апач, походу это +- то же скмое

[@artemshumeiko]

Апач раньше использовали вместо nginx, но последние лет 5 очень многие перешли на nginx

[@andreyyanchuk986]

Полезный видос, спасибо.

[@cibofff]

Отлично объяснил Спасибо

[@backsty-]

Самый понятный обзор который я когда-либо видел!!! Спасибо тебе, продолжай в том же духе)

[@vlad-bruce]

Спасибо, очень полезно

[@artemivanov5013]

Супер видео! Ждем cicd!

[@ДиасМуратов-в2ы]

спасибо за информацию, ждем про ci/cd

[@Yaonkey]

Очень редко пишу комментарии, но какой же у тебя полезный контент на канале, хоть я и не Python-разработчик. Спасибо)

[@Leonidn1972]

Thank a lot.Very usefull content.Good luck.

[@sgsswitzerland6218]

Do you practice your English?

[@ivanshalaginov548]

Невероятно, супер полезно!

[@Gregorysharkov]

Отличное видео, спасибо

[@МикиКляйн]

Приятно слышать конструктивную приятную речь и видеть примеры, а то, что не видео чужие открываешь, там то картавый, что уши режет, либо воды столько что захлебываешься к середине. Тут мне все понравилось🎉

[@orthodox-chanel]

обязательно ли использовать докер? может будет версия видео с деплоем без докера?для лучшего понимания nginx. уже поднимал пару проектов на nginx пл инструкции, все вроде работает, но я не понимаю как, хотелось бы пробелы заполнить

[@TSUNAMIBEATSONE]

Лайк в поддержку! Смотрел с интересом) Единственное, я бы наверно зависимости ставил с npm ci. Чтобы внезапно не отпало ничего в один день)

[@iJaVolo]

Вчера я выяснил, что мне нужен, SSL и nginx, и вот сразу же видео от моего любимого Артёма! ❤🎉🎉

[@SoullessStudent]

хорошее видео. Всё что нужно в одном месте!

[@Dik131WZD]

Хоть и не python разработчик, подпишусь

[@enter0prise]

CORS не должен быть проблемой (и не требует настройки), если фронт и бэк висят на одном домене.

[@jevgenij2929]

А как быть с БД? Её тоже нужно в докер запихивать? Если да, то как обеспечить целостность информации? И как рассчитать размер диска на хостинге, чтобы база внезапно не заполнила всё свободное пространство? Спасибо.

[@ember209]

Там же volume минтишь. Если не нравится докер, можешь просто установить тот же psql прямиком на машину.

[@firstmain52]

Очень качественное видео, спасибо!!

[@0tbeptka]

Приятная подача материала

[@andreiigurkovskii7346]

Ответил себе на несколько вопросов этим видео, спасибо. А что поменяется в подходе если на бекенде теперь будет docker-compose с базой. Как тогда будут выглядеть все?

[@vvspl]

Это на самом деле легче чем кажется... Цитирую аффтора: "Мы не будем вдаваться в подробности что здесь происходит, что здесь написано")))

[@digitalberd]

Отличное видео! Я тоже больше люблю через поддомен деплоиться.

[@zion4d]

Отличное видео, но опаздал на год😅 самому пришлось всё это расгрести и запустить

[@samuray8128]

бро, ты лучший!

[@set1qs]

Видос супер! И вовремя ) Как раз мне нужно делать деплой ТГ бота ) и я эту тему не очень люблю потому что не сильно понимаю ) Оформил ВМ машину на убунту, и хз к чему подступиться, а тут прям хоба и видос ) теперь знаю что буду делать )) Придется наверно и бусти подрубить, очень нужно https )

[@artemshumeiko]

жду на бусти)

[@dkushka]

ChatGPT и пару вопросов решит твою проблему воин

[@set1qs]

@@dkushka Я знаю, но с его видосов норм заходит понимаете) а если в теме не совсем шаришь, то жпт испепелит твой комп

[@tolyachernov7849]

Классно видео! Объяснил все и простыми словами плюс рабочий пример. Я новичок в разработке, но, можно ли видео про работу с ssh?

[@biLLie_wiLLie]

спасибо за видео! А что во 2й части на бусти? Чем отличается от этого видео? Там показан ci/cd и автоматизирована заливка на сервер изменений из гита?

[@artemshumeiko]

Во второй части на Boosty рассмотрены - Регистрация домена и поддомена - Получение SSL сертификатов - Настройка Nginx и поддомена

[@СергейЮров-б6е]

Бодро! Круто

[@a3development960]

это все для реального продакшена с большими нагрузками не подходит. На проде юзают docker swarm + portainer для управления + свой или чужой docker registry, а такое поднять уже не так просто и быстро :( То что показано в видео - это прям база, подходящая на время разработки проекта и для небольших проектов Артем в любом случае красаучег, пишу просто чтобы новички в курсе были)

[@a3development960]

@@cyberianoidkubernetes это уже другой уровень)) и по времени ещё больше чем swarm

[@raidmaxboy]

После долгой работы с терминалом и чистым докер композ не могу никак начать работать с портейнер) бесит он меня))) люблю просто nano docker-compose.yml и погнали)

[@ЮрийЮрьев-х2т]

если вы юзаете докер сворм, то мои соболезнования. вы отстали лет на 10

[@a3development960]

@@ЮрийЮрьев-х2т чувак, не переживай, мы уже на кубер перешли, так что не ты один тут такой умный

[@andreyshishkin4958]

Все отлично! Но правильнее все же говорить не сервера, а эндпоинта.

[@ДаниилСоколов-о8р]

Спасибо большое, помог

[@TheSemenFarada]

О прикольно - єто то что я искал спасибо. я задеплоил приложение на vps хостинг без nginx и https - и без какой либо защиты от - его ломанули и увели базу. А кстати хорошая идея собирать сначала образы для прода - деплоить их в репозиторий а на проде только скачивать релизную версию (с релизным тегом) и ничего не пересобирать на проде?

[@erzhana8708]

Классная подача 👍

[@artemshumeiko]

Спасибо

[@-mishana-]

Здравствуйте, возможно вам будет интересно сделать курс по Postgresql. Очень хотелось бы

[@DIMAZRU]

Круто, полезно

[@СергейК-б6н]

30-40 строчек кода это 3-4 покрашенных кнопки на фронтенде :D

[@Denis-xo9jx]

Привет! Спасибо за видео! Интересна тема SEO оптимизации реакта. Было бы интересно посмотреть видео от тебя. Я только разбираюсь -и как я понимаю - страницы рендерятся на стороне клиента использую js. И если поисковый бот не поддерживает js - то и читать ему нечего. Есть библиотеки для пререндеринга на стороне сервера, но в основном их используют для подготовки пререндеринга для поисковых ботов. Можно ли создавать готовые html страницы и хранить их в отдельной папке и обновлятт их при необходимости? Вообще есть ли такая практика или этот путь вникуда? Я имею ввиду сайт до 1000 страниц. У тебя есть видео про твой проект по подготовке к собеседованию и там затрагивается тема кеширования, но она не развернута. Естт ли смысл создавать готовые html страницы и хранить их в отдельной папке и отдавать клиенту готовый кешированный html прямо из статического файла? В этом естт определенные плюсы - заголовок last-modified будет корректен, файл кеширован, не нужен js для отображения контента. Сделай видео - какие варианты могут бытт для необходимости seo оптимизации. Спасибо

[@artemshumeiko]

не, никто так html не хранит в сыром виде для этого используются ssr фреймворки типа Next (react), Nuxt (vue). Они отлично справляются с кэшированием, генерацией и отдачей HTML

[@alexmakarov1468]

топ!

[@eduardmart1237]

А какой плагин для VSCode чтоб подсказывал docker compose?

[@shyngysbek6907]

Еще немного знаний в копилку :D

[@intensy1605]

Привет, нетворк сам создается по стандарту, его не обязательно прописывать

[@POEOneLove]

Фигасе наворотили абстракций на "залить по фтп" 😁

[@anzy99829]

В целом изучил docker, сам и методом тыка, но если когда то у меня был этот видос, то процесс был бы без тех костылей которые я стукался. Го видос про k8s

[@tuku_mann]

Хотелось бы узнать об оптимизации такой nginx сборки

[@raidmaxboy]

Ну вообще берём чистый линукс ставим докер, в докер caddy, в другой контейнер бэкэнд, биндим папку, заливаем файлы сайта и запускаем. Делов на минут 10 максимум

[@proxickful]

Отличное, качественное видео! Все разжованно. Но вот мучает вопрос. В видео показан процесс деплоя исключительно при помощи docker и git. Вопрос, которому можно присудить "11/10 шапочек из фольги", адресован к докеру. А что если оно перестанет существовать? Во всякому случае docker hub. Как быть?

[@proxickful]

Вопрос специально холеварный, ибо например я любитель деплоить руками/скриптами на хост. А также блокировку по гео-положению никто не отменял ;)

[@hgfyos]

Так вместо Docker Hub можно использовать любой другой registry, например, с GitHub/GitLab или вообще свой развернуть на своём сервере. Тоже самое и с git, тот же GitLab можно поставить на свой сервер

[@hgfyos]

А Docker сам по себе не исчезнет, он в open source. И даже если они удалят репозиторий, есть куча зеркал и форков. На крайняк есть podman со схожим CLI от Docker. А если серьёзно, то Docker уже настолько стал enterprise-решением и так проник во многие компании, что в ближайшее время точно не исчезнет

[@kvn47]

Так ведь reverse proxy будет в обоих случаях. Это же не зависит от способа обращения к api.

[@artemshumeiko]

да, ошибся

[@MikalaiCeppnik]

🔥🔥🔥

[@Davlet]

Подача великолепная. Без воды и по сути.

[@ibrahimoglu]

👍

[@rustamergashev7278]

👍

[@purkhanov]

Почему первый nginx направляет запрос на вторую? Нельзя чтобы первый сразу отдал статические файлы?

[@artemshumeiko]

Можно, но в условиях деплоя через докер так легче

[@АлексейРеволюция]

Мои преподаватели говорили: «Разворачивают ковры или машины. Станции (приложения) - развертываются»

[@sega-r9w]

Пол часа банальщины, а вторая часть на бусти 😂 замануха

[@andar12345]

Согласен, самый основные моменты депроймента на продакшен не были рассказаны, так что видео разочаровало

[@arturm507]

Четкий видос! Все просто и понятно. Запили пайлайн только на своем RuspberryPi

[@voronovmaksim88]

Спасибо за видео. В описании нет ссылки на github. Ссылка на habr открывается с ошибкой.

[@artemshumeiko]

github.com/artemonsh/deploy-frontend-backend P.S. вроде без ошибки открывается

[@EldarOzo]

Респект. Вопрос, правильно ли я понимаю что в докер файле фронта ты поднимаешь два контейнера, один с нодой, второй с нджинксом, а потом в докер композе ты поднимаешь ЕЩЕ один контейнер с нджинксом. Получается у тебя внешний запрос нджинкс из композа проксирует в сервис фронтенд, там его перехватывает ВТОРОЙ нджинкс и уже второй нджинкс отвечает файлами которые он получил из контейнера с нодой??

[@artemshumeiko]

нода не поднимается, она используется только для сборки статики ответ на ваш вопрос - да

[@EldarOzo]

@@artemshumeiko спасибо 👌

[@Nick-v8x]

лучше в докерах разрабатывать и запускать в докерах, чтобы не пересекались данные

[@Timofei-yy5nm]

CI/CD оч актуально, особенно через Гитлаб

[@artemshumeiko]

услышал, сделаю видео)

[@LeaderDriveAUTO]

Запишите ролик как развернуть nginx через cicd gitalab

[@artemshumeiko]

приходите на курс, там подробно изучаем CI/CD: artemshumeiko.ru

[@k3rber0s]

Пароль от рута засвечен 😮

[@devracoon]

думал речь хотя бы про swarm и норм деплой без отключения приложения

[@ybnbatop]

3ая минута, а я уж вижу выпрашивание бусти Маркетолог то что надо

[@rudinandrey]

ну да, по CI/CD было бы интересно, без перерыва.

[@Danya-y5g]

ждем видео по ci cd

[@OriginalInconsistent]

Регулярные ошибки в терминологии в видосе (да есть и обычные фактические ошибки), слишком много деталей опущено, заявления про гитлаб вообще бомба Я давно в разработке и решил, что будет полезно глянуть (хотя в теме с контейнерами я варюсь очень давно) - в общем итоге четверть видео сидел с фейспалмом Зато рекламы, естественно, в достатке

[@artemshumeiko]

так какие ошибки то?)

[@OriginalInconsistent]

@@artemshumeiko а я уже забил, подумав, что коммент не загрузился. А он в итоге аж задвоился… P.s. Про ошибки я вернусь позже, пересмотрев

[@em1tao408]

@@artemshumeiko реверс-прокси терминология означающая перенаправление запросов там нет разницы поддомен это или URI. Про докерфайлы соглашусь, +как вариант можно хранить деплоить не через пуллы с гитхаба, а хранить готовые изображения кода в приватном dockerhub. +поэтри

[@zmeygavrilych]

@@OriginalInconsistent Two weeks later....