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

[@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 - при замене конта просто стоплю на время. Насколько эта схема верная и имеет смысл на жизнь? (буквально все что необходимо для жизни сайта висит на службах, и в принципе при сбоях, сервер просто встает без моего участия)

[@puhuilo8801]

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

[@whoami866]

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

[@a3development960]

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

[@a3development960]

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

[@raidmaxboy]

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

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

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

[@a3development960]

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

[@AssakurA1]

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

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

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

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

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

[@v.lavrinovics1970]

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

[@dxmln]

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

[@kirillzhukov1675]

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

[@orthodox-chanel]

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

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

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

[@TSUNAMIBEATSONE]

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

[@ast4k441]

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

[@fila7yt]

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

[@nobodylll48]

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

[@Russia-Infinity]

Артем, помимо того что ты талантливый молодой человек в программировании , так еще и прекрасная дикция и поставленная речь-это тоже дорогого стоит!!)) Удачи и процветания тебе, соратника я точно в твоем лице нашел!!!

[@Yaonkey]

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

[@KoryRuno]

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

[@RemboRaser]

Мне было бы интересно углубиться в настройку nginx для своих приложений, чтобы уверенно из деплоить. Начну с такого простого примера как у тебя, спасибо большое:)

[@iJaVolo]

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

[@ulukbekisakov5469]

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

[@svetlanamazhaykina6918]

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

[@sergsergey4251]

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

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

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

[@backsty-]

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

[@_test_test]

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

[@artemshumeiko]

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

[@MichaelOsipov]

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

[@localhost5000Leo]

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

[@kastet-it]

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

[@l1acdy]

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

[@arukeulen7387]

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

[@programmistka_v_amerike]

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

[@jevgenij2929]

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

[@ember209]

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

[@jevgenij2929]

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

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

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

[@biLLie_wiLLie]

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

[@artemshumeiko]

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

[@andreiigurkovskii7346]

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

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

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

[@set1qs]

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

[@artemshumeiko]

жду на бусти)

[@dkushka]

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

[@set1qs]

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

[@Dik131WZD]

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

[@biovawan]

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

[@Leonidn1972]

Thank a lot.Very usefull content.Good luck.

[@sgsswitzerland6218]

Do you practice your English?

[@zion4d]

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

[@andreyyanchuk986]

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

[@Denis-xo9jx]

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

[@artemshumeiko]

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

[@EldarOzo]

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

[@artemshumeiko]

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

[@EldarOzo]

@@artemshumeiko спасибо 👌

[@artemivanov5013]

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

[@tolyachernov7849]

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

[@TheSemenFarada]

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

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

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

[@SoullessStudent]

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

[@digitalberd]

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

[@zizzxiii2714]

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

[@konstantinthekonstantin]

Спасибо за видео!

[@vlad-bruce]

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

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

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

[@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-решением и так проник во многие компании, что в ближайшее время точно не исчезнет

[@Gregorysharkov]

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

[@vvspl]

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

[@medreab]

Я: собираю свое первое react-приложение, привожу код в порядок не спеша перед деплоем, думаю выложить на хостинг за 1 час. Деплой: привет, как дела? как вовремя ты выложил этот ролик, спасибо большое!

[@uglevod184]

фтафте фсвесточки )

[@silentage6310]

если бэкенда нет, то и услояжнять всё так нет смысла. еще и дешевле на порядок будет

[@medreab]

Все оказалось гораздо проще, даже не пришлось так заморачиваться, просто забилдил приложение и выложил его в папку public_HTML на хостинге. Действительно, без бэка проще 😅

[@firstmain52]

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

[@enter0prise]

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

[@Davlet]

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

[@eduardmart1237]

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

[@-mishana-]

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

[@shyngysbek6907]

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

[@arturm507]

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

[@POEOneLove]

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

[@0tbeptka]

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

[@purkhanov]

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

[@artemshumeiko]

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

[@ivanshalaginov548]

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

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

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

[@anzy99829]

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

[@voronovmaksim88]

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

[@artemshumeiko]

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

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

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

[@VZava]

а зачем нам 2 nginx файла? и для фронта и для общей системы

[@m1kel973]

На самом деле можно было и в общем это сделать, но такой вариант более симпатичен, представь что будет если пихать все в один файл)

[@ivanovchin]

где же ты был пару дней назад, мы ебались целый день с этим деплоем, видео безусловно очень полезное 👍

[@osad4enko]

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

[@samuray8128]

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

[@bayazitt]

@artemshumeiko много раз с разным смыслом создаешь имена frontend и backend. Трудно уследить за контекстом, давай больше уникальных идентификаторов

[@artemshumeiko]

Согласен

[@andreyshishkin4958]

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

[@tuku_mann]

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

[@erzhana8708]

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

[@artemshumeiko]

Спасибо

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

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

[@YanasChanell]

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

[@artemshumeiko]

Можно криптой оплатить. Напишите в телеграм: t.me/artem_shumeiko_support

[@intensy1605]

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

[@sega-r9w]

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

[@skylinerdnb]

В реальной разработке всегда используется Gitlab? Т.е. все проекты на гитхабе это не реальная разработка?

[@Chel1k7]

Я работал в компании, где гитхаб юзали

[@skylinerdnb]

@@Chel1k7 я в такой же работаю. Просто он это с такой уверенностью сказал, что я аж в ступор попал

[@OlafAndvarafors]

@@skylinerdnbну в серьёзной разработке GitHub не используется. Если компания небольшая пилит какой-то несложный продукт, то можно и GitHub. Но в крупных компаниях никто не будет всё это гонять по интернету, там всё на локалке и на gitlab и тому подобных selfhost штуках.

[@artemshumeiko]

я считаю, что компания не является большой/богатой/ответственной, если хранит код своих продуктов в GitHub, шаря свой код с другой компанией (в данном случае Microsoft)

[@ivan_adamovich]

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

[@sergeyzaycev3733]

vercel и heroku в этот момент 🗿

[@АлександрБойниченко-ш5э]

А если ещё нужно привязать оьраз с бд postgres,как быть ?)

[@andrewbondaryuk]

+ контейнер с pg

[@DIMAZRU]

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

[@alexeymatveev9031]

Супер видео. Учил это сам по Chatgpt, он в принципе всё это умеет, хотя не с первого, мягко говоря, раза. Ну и конечно, не настолько оптимальные варианты даёт. Буду рад ответу на вопрос: нужен ли python, если пишется crud веб-приложение? Python ведь далеко не простой язык, если использовать его полноценно с тестированием и паттернами, простой он только для недо-программ. Может быть просто учить js, который это всё закрывает? Развернуть express сервер и не мучаться? Зато не нужно прокачивать два синтаксиса, спокойно использовать reduce вместо sum. Понимаю, что Вы преподаете Python и что с Вашей точки зрения это не так, был бы рад услышать аргументацию. В любом случае, огромное спасибо за Ваш труд.

[@artemshumeiko]

Про reduce и sum не понял) Это разные функции и они встречаются во всех языках. В целом не особо важно, на чем писать crud - все языки подходят. Ваш вариант с разработкой бэка на js тоже хороший вариант

[@alexeymatveev9031]

@@artemshumeiko let array = [1, 2, 3, 4, 5]; let sum = array.reduce((accumulator, currentValue) => accumulator + currentValue, 0); vs numbers = [10, 20, 30, 40] total = sum(numbers) на js нет простой суммы как в питоне, к этому трудно привыкнуть если уже набил руку.

[@archeex]

Артем, если не секрет, в какой компании сейчас работаешь?

[@АртемЕршов-р9е]

Самокат

[@kvn47]

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

[@artemshumeiko]

да, ошибся

[@rudinandrey]

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

[@Timofei-yy5nm]

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

[@artemshumeiko]

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

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

Бодро! Круто

[@sultankodirov]

одно не понял почему самого Nginx не устоновили на сервер?

[@artemshumeiko]

Установили. В docker compose он есть, значит и на сервере есть)

[@NikK0lay]

По моему кто то, неправильно использует ноду. Какие статичные файлы?

[@artemshumeiko]

а как вы билдите свою статику?

[@NikK0lay]

@@artemshumeiko статика это статика. Node.js это полноценный язык программирования, а не статика. Нифига тут питон, вообще не понятно. В русском языке есть поле подходя слово, вместо билдить. 🤣

[@andrewbondaryuk]

@@NikK0lay node.js это полноценный язык программирования?

[@NikK0lay]

@@andrewbondaryuk вы для чего такие глупые вопросы задаёте? Или думаете все глупее вас?))

[@andrewbondaryuk]

@@NikK0lay Это ВЫ написали, не я 😀