Прокачайся в прохождении собеседований на Солвит: clck.ru/3C4EiT Приглашаю на мой Практический курс по Backend разработке по всем актуальным технологиям: artemshumeiko.ru Вторая часть видео доступна только на Boosty: boosty.to/artemshumeiko/posts/e4fca0c7-d6ed-4c23-a13a-157cba05dfed Внутри: - Регистрация домена и поддомена - Получение SSL сертификатов - Настройка Nginx и поддомена
Гитхаб экшн и все такое) батник себе сделал который автоматом льет на гит и не сервер через ссх. Потому что гитхаб экшн не смог настроить. Не хочет подключаться и все тут.
@@СтасниславНиколаевич себе делал гитхаб экшенс интересным способом - с меина код заливает на сервер, собирает докер - компоуз, отправляет на докер-хаб, проверяет соответствие с хабом, удаляет старый, поднимает новый конт. Так как сделал все на службах systemd - при замене конта просто стоплю на время. Насколько эта схема верная и имеет смысл на жизнь? (буквально все что необходимо для жизни сайта висит на службах, и в принципе при сбоях, сервер просто встает без моего участия)
CORS и не нужны были для работы этого приложения. Если запросы идут на тот же origin (а в данном случае это так - /api), то запросы не будут считаться кроссориджинами. Ошибка CORS, которая у тебя появилась при открытии приложения, была вызвана тем, что изначально запрос уходил на localhost.
Спасибо, сам ломал голову как бэк и фронт соединить. А ранее деплоил написанный на Джанго сайт джинджой2, вот теперь попробую фронт на реакте раскатать.
Артем, помимо того что ты талантливый молодой человек в программировании , так еще и прекрасная дикция и поставленная речь-это тоже дорогого стоит!!)) Удачи и процветания тебе, соратника я точно в твоем лице нашел!!!
Видос супер! И вовремя ) Как раз мне нужно делать деплой ТГ бота ) и я эту тему не очень люблю потому что не сильно понимаю ) Оформил ВМ машину на убунту, и хз к чему подступиться, а тут прям хоба и видос ) теперь знаю что буду делать )) Придется наверно и бусти подрубить, очень нужно https )
это все для реального продакшена с большими нагрузками не подходит. На проде юзают docker swarm + portainer для управления + свой или чужой docker registry, а такое поднять уже не так просто и быстро :( То что показано в видео - это прям база, подходящая на время разработки проекта и для небольших проектов Артем в любом случае красаучег, пишу просто чтобы новички в курсе были)
После долгой работы с терминалом и чистым докер композ не могу никак начать работать с портейнер) бесит он меня))) люблю просто nano docker-compose.yml и погнали)
обязательно ли использовать докер? может будет версия видео с деплоем без докера?для лучшего понимания nginx. уже поднимал пару проектов на nginx пл инструкции, все вроде работает, но я не понимаю как, хотелось бы пробелы заполнить
Приятно слышать конструктивную приятную речь и видеть примеры, а то, что не видео чужие открываешь, там то картавый, что уши режет, либо воды столько что захлебываешься к середине. Тут мне все понравилось🎉
А как быть с БД? Её тоже нужно в докер запихивать? Если да, то как обеспечить целостность информации? И как рассчитать размер диска на хостинге, чтобы база внезапно не заполнила всё свободное пространство? Спасибо.
Я: собираю свое первое react-приложение, привожу код в порядок не спеша перед деплоем, думаю выложить на хостинг за 1 час. Деплой: привет, как дела? как вовремя ты выложил этот ролик, спасибо большое!
Все оказалось гораздо проще, даже не пришлось так заморачиваться, просто забилдил приложение и выложил его в папку public_HTML на хостинге. Действительно, без бэка проще 😅
В целом изучил docker, сам и методом тыка, но если когда то у меня был этот видос, то процесс был бы без тех костылей которые я стукался. Го видос про k8s
О прикольно - єто то что я искал спасибо. я задеплоил приложение на vps хостинг без nginx и https - и без какой либо защиты от - его ломанули и увели базу. А кстати хорошая идея собирать сначала образы для прода - деплоить их в репозиторий а на проде только скачивать релизную версию (с релизным тегом) и ничего не пересобирать на проде?
Ответил себе на несколько вопросов этим видео, спасибо. А что поменяется в подходе если на бекенде теперь будет docker-compose с базой. Как тогда будут выглядеть все?
Привет! Спасибо за видео! Интересна тема SEO оптимизации реакта. Было бы интересно посмотреть видео от тебя. Я только разбираюсь -и как я понимаю - страницы рендерятся на стороне клиента использую js. И если поисковый бот не поддерживает js - то и читать ему нечего. Есть библиотеки для пререндеринга на стороне сервера, но в основном их используют для подготовки пререндеринга для поисковых ботов. Можно ли создавать готовые html страницы и хранить их в отдельной папке и обновлятт их при необходимости? Вообще есть ли такая практика или этот путь вникуда? Я имею ввиду сайт до 1000 страниц. У тебя есть видео про твой проект по подготовке к собеседованию и там затрагивается тема кеширования, но она не развернута. Естт ли смысл создавать готовые html страницы и хранить их в отдельной папке и отдавать клиенту готовый кешированный html прямо из статического файла? В этом естт определенные плюсы - заголовок last-modified будет корректен, файл кеширован, не нужен js для отображения контента. Сделай видео - какие варианты могут бытт для необходимости seo оптимизации. Спасибо
не, никто так html не хранит в сыром виде для этого используются ssr фреймворки типа Next (react), Nuxt (vue). Они отлично справляются с кэшированием, генерацией и отдачей HTML
Отличное, качественное видео! Все разжованно. Но вот мучает вопрос. В видео показан процесс деплоя исключительно при помощи docker и git. Вопрос, которому можно присудить "11/10 шапочек из фольги", адресован к докеру. А что если оно перестанет существовать? Во всякому случае docker hub. Как быть?
Так вместо Docker Hub можно использовать любой другой registry, например, с GitHub/GitLab или вообще свой развернуть на своём сервере. Тоже самое и с git, тот же GitLab можно поставить на свой сервер
А Docker сам по себе не исчезнет, он в open source. И даже если они удалят репозиторий, есть куча зеркал и форков. На крайняк есть podman со схожим CLI от Docker. А если серьёзно, то Docker уже настолько стал enterprise-решением и так проник во многие компании, что в ближайшее время точно не исчезнет
Респект. Вопрос, правильно ли я понимаю что в докер файле фронта ты поднимаешь два контейнера, один с нодой, второй с нджинксом, а потом в докер композе ты поднимаешь ЕЩЕ один контейнер с нджинксом. Получается у тебя внешний запрос нджинкс из композа проксирует в сервис фронтенд, там его перехватывает ВТОРОЙ нджинкс и уже второй нджинкс отвечает файлами которые он получил из контейнера с нодой??
Прокачайся в прохождении собеседований на Солвит: clck.ru/3C4EiT
Приглашаю на мой Практический курс по Backend разработке по всем актуальным технологиям: artemshumeiko.ru
Вторая часть видео доступна только на Boosty: boosty.to/artemshumeiko/posts/e4fca0c7-d6ed-4c23-a13a-157cba05dfed
Внутри:
- Регистрация домена и поддомена
- Получение SSL сертификатов
- Настройка Nginx и поддомена
Уже месяц прошёл, планируете ли выложить вторую часть сюда на ЮТ? 🤞🤞
Ждём по CI/CD !! 👍👍
@@michaelsopunov нет, только на boosty
Ждем больше видео по CI/Cd 😊
Гитхаб экшн и все такое) батник себе сделал который автоматом льет на гит и не сервер через ссх. Потому что гитхаб экшн не смог настроить. Не хочет подключаться и все тут.
@@СтасниславНиколаевич ну это костыль немного)
@@lorg0n но в добавок к этому, купив другой серв, впн настроил быстро и без проблем
@@СтасниславНиколаевич себе делал гитхаб экшенс интересным способом - с меина код заливает на сервер, собирает докер - компоуз, отправляет на докер-хаб, проверяет соответствие с хабом, удаляет старый, поднимает новый конт. Так как сделал все на службах systemd - при замене конта просто стоплю на время.
Насколько эта схема верная и имеет смысл на жизнь? (буквально все что необходимо для жизни сайта висит на службах, и в принципе при сбоях, сервер просто встает без моего участия)
Спасибо за разбор и объяснение. Полезное видео для понимания. Ждём CI/CD!
Артём, мое почтение. Спасибо!
Очень интересно, грамотная подача, нет слов паразитов. Благодарю!
Ждем видео про работу с ci/cd, очень интересно увидеть и внедрить правильно автоматическую доставку кода на сервер и его сборку 🔥
Спасибо, отличное видео. Успехов в развитии!
Круто круто круто. Ничего лишнего. Быстро, без воды.
СУПЕР!!!!!!! Спасибо! Жду еще видео!
мне нравиться как Вы преподносите, темп,подход ,голос мне прям подходит! Очень интересно,приятно и спокойно,спасибо большое
Благодарю за видео. Я сам использую node/nuxt и vue, но ваше видео довольно полезно было посмотреть.
🔥 спасибо за полезный туториал
Спасибо, очень познавательно!
лайк поставил, теперь ждем видео про CI CD
Спасибо тебе, Артём,за все твои старания для нас. Ты очень крут!
CORS и не нужны были для работы этого приложения. Если запросы идут на тот же origin (а в данном случае это так - /api), то запросы не будут считаться кроссориджинами. Ошибка CORS, которая у тебя появилась при открытии приложения, была вызвана тем, что изначально запрос уходил на localhost.
Спасибо большое! Как всегда очень полезное видео. Хочется больший хронометраж с большим объяснением возможных проблем, предупрежден - значит вооружен
Спасибо, за видео и ссылку на гитхаб😊, контент очень поучительный и полезный. Спасибо за проделанную работу.
БРО, я только смотрю видео по деплою django приложения. Вроде разобрался а вроде и нет, выхожу в реки и вижу это чудо..
Шикарный видос! Всё по делу и довольно кратко, а с другой стороны подробно! Спасибище!!!!!
Спасибо за урок, научился копировать.
Спасибо, сам ломал голову как бэк и фронт соединить.
А ранее деплоил написанный на Джанго сайт джинджой2, вот теперь попробую фронт на реакте раскатать.
Самый понятный обзор который я когда-либо видел!!! Спасибо тебе, продолжай в том же духе)
Супер! То что было нужно.
Очень редко пишу комментарии, но какой же у тебя полезный контент на канале, хоть я и не Python-разработчик. Спасибо)
Спасибо за Ваш труд! Коммент в поддержку канала.
Спасибо. Видео отличное. Как база самое то.
Очень приятный и интуитивный мини-мастеркласс вышел :)
спасибо большое, реально чудо контент 😇🙏
Вчера я выяснил, что мне нужен, SSL и nginx, и вот сразу же видео от моего любимого Артёма! ❤🎉🎉
Лайк в поддержку! Смотрел с интересом) Единственное, я бы наверно зависимости ставил с npm ci. Чтобы внезапно не отпало ничего в один день)
Красавчик братан, продолжай в том же духе - очень помогает 💪🏻👍🏻
бро, ты лучший!
очень хорошо рассказываешь. как раз в голове не укладывалось что с этим делать. есть еще апач, походу это +- то же скмое
Апач раньше использовали вместо nginx, но последние лет 5 очень многие перешли на nginx
12:24 Кстати, что бы быстро копировать кусок кода, можно выделить несколько строк, и нажать: Shift + Alt + Стрелочка вниз или вверх
Прикольно, спасибо. Сделал похожим образом, только для .net core + react. Плюс закинул фронт сразу на тот же образ, что и апи проксирует.
спасибо за информацию, ждем про ci/cd
Хоть и не python разработчик, подпишусь
Супер видео! Ждем cicd!
Полезный видос, спасибо.
Thank a lot.Very usefull content.Good luck.
Do you practice your English?
Артем, помимо того что ты талантливый молодой человек в программировании , так еще и прекрасная дикция и поставленная речь-это тоже дорогого стоит!!)) Удачи и процветания тебе, соратника я точно в твоем лице нашел!!!
круто! Спасибо! Мега полезно!
Классная подача 👍
Спасибо
хорошее видео. Всё что нужно в одном месте!
Отличное видео, но опаздал на год😅 самому пришлось всё это расгрести и запустить
Отлично объяснил Спасибо
Отличное видео!
Я тоже больше люблю через поддомен деплоиться.
Видос супер! И вовремя ) Как раз мне нужно делать деплой ТГ бота ) и я эту тему не очень люблю потому что не сильно понимаю ) Оформил ВМ машину на убунту, и хз к чему подступиться, а тут прям хоба и видос ) теперь знаю что буду делать ))
Придется наверно и бусти подрубить, очень нужно https )
жду на бусти)
ChatGPT и пару вопросов решит твою проблему воин
@@dkushka Я знаю, но с его видосов норм заходит понимаете) а если в теме не совсем шаришь, то жпт испепелит твой комп
это все для реального продакшена с большими нагрузками не подходит. На проде юзают docker swarm + portainer для управления + свой или чужой docker registry, а такое поднять уже не так просто и быстро :(
То что показано в видео - это прям база, подходящая на время разработки проекта и для небольших проектов
Артем в любом случае красаучег, пишу просто чтобы новички в курсе были)
@@cyberianoidkubernetes это уже другой уровень)) и по времени ещё больше чем swarm
После долгой работы с терминалом и чистым докер композ не могу никак начать работать с портейнер) бесит он меня))) люблю просто nano docker-compose.yml и погнали)
если вы юзаете докер сворм, то мои соболезнования. вы отстали лет на 10
@@ЮрийЮрьев-х2т чувак, не переживай, мы уже на кубер перешли, так что не ты один тут такой умный
Невероятно, супер полезно!
Классно видео! Объяснил все и простыми словами плюс рабочий пример. Я новичок в разработке, но, можно ли видео про работу с ssh?
Спасибо, очень полезно
Отличное видео, спасибо
Спасибо за Ваш труд! Коммент в поддержку канала.
Приятная подача материала
обязательно ли использовать докер? может будет версия видео с деплоем без докера?для лучшего понимания nginx. уже поднимал пару проектов на nginx пл инструкции, все вроде работает, но я не понимаю как, хотелось бы пробелы заполнить
Бодро! Круто
Очень качественное видео, спасибо!!
Это на самом деле легче чем кажется... Цитирую аффтора: "Мы не будем вдаваться в подробности что здесь происходит, что здесь написано")))
Приятно слышать конструктивную приятную речь и видеть примеры, а то, что не видео чужие открываешь, там то картавый, что уши режет, либо воды столько что захлебываешься к середине. Тут мне все понравилось🎉
А как быть с БД? Её тоже нужно в докер запихивать? Если да, то как обеспечить целостность информации? И как рассчитать размер диска на хостинге, чтобы база внезапно не заполнила всё свободное пространство?
Спасибо.
Там же volume минтишь. Если не нравится докер, можешь просто установить тот же psql прямиком на машину.
Ждем видео по CI/CD 😀
CORS не должен быть проблемой (и не требует настройки), если фронт и бэк висят на одном домене.
Здравствуйте, возможно вам будет интересно сделать курс по Postgresql. Очень хотелось бы
Я: собираю свое первое react-приложение, привожу код в порядок не спеша перед деплоем, думаю выложить на хостинг за 1 час.
Деплой: привет, как дела?
как вовремя ты выложил этот ролик, спасибо большое!
фтафте фсвесточки )
если бэкенда нет, то и услояжнять всё так нет смысла. еще и дешевле на порядок будет
Все оказалось гораздо проще, даже не пришлось так заморачиваться, просто забилдил приложение и выложил его в папку public_HTML на хостинге. Действительно, без бэка проще 😅
Хотелось бы узнать об оптимизации такой nginx сборки
В целом изучил docker, сам и методом тыка, но если когда то у меня был этот видос, то процесс был бы без тех костылей которые я стукался. Го видос про k8s
Еще немного знаний в копилку :D
О прикольно - єто то что я искал спасибо. я задеплоил приложение на vps хостинг без nginx и https - и без какой либо защиты от - его ломанули и увели базу.
А кстати хорошая идея собирать сначала образы для прода - деплоить их в репозиторий а на проде только скачивать релизную версию (с релизным тегом) и ничего не пересобирать на проде?
Ответил себе на несколько вопросов этим видео, спасибо. А что поменяется в подходе если на бекенде теперь будет docker-compose с базой. Как тогда будут выглядеть все?
Фигасе наворотили абстракций на "залить по фтп" 😁
спасибо за видео! А что во 2й части на бусти? Чем отличается от этого видео? Там показан ci/cd и автоматизирована заливка на сервер изменений из гита?
Во второй части на Boosty рассмотрены
- Регистрация домена и поддомена
- Получение SSL сертификатов
- Настройка Nginx и поддомена
Спасибо большое, помог
Привет, нетворк сам создается по стандарту, его не обязательно прописывать
30-40 строчек кода это 3-4 покрашенных кнопки на фронтенде :D
топ!
Круто, полезно
🔥🔥🔥
Привет! Спасибо за видео! Интересна тема SEO оптимизации реакта. Было бы интересно посмотреть видео от тебя. Я только разбираюсь -и как я понимаю - страницы рендерятся на стороне клиента использую js. И если поисковый бот не поддерживает js - то и читать ему нечего. Есть библиотеки для пререндеринга на стороне сервера, но в основном их используют для подготовки пререндеринга для поисковых ботов. Можно ли создавать готовые html страницы и хранить их в отдельной папке и обновлятт их при необходимости? Вообще есть ли такая практика или этот путь вникуда? Я имею ввиду сайт до 1000 страниц. У тебя есть видео про твой проект по подготовке к собеседованию и там затрагивается тема кеширования, но она не развернута. Естт ли смысл создавать готовые html страницы и хранить их в отдельной папке и отдавать клиенту готовый кешированный html прямо из статического файла? В этом естт определенные плюсы - заголовок last-modified будет корректен, файл кеширован, не нужен js для отображения контента. Сделай видео - какие варианты могут бытт для необходимости seo оптимизации. Спасибо
не, никто так html не хранит в сыром виде
для этого используются ssr фреймворки типа Next (react), Nuxt (vue). Они отлично справляются с кэшированием, генерацией и отдачей HTML
А какой плагин для VSCode чтоб подсказывал docker compose?
где же ты был пару дней назад, мы ебались целый день с этим деплоем, видео безусловно очень полезное 👍
знакомо, надо деплоить, а мы ебемся всем офисом друг с другом
Пол часа банальщины, а вторая часть на бусти 😂 замануха
Согласен, самый основные моменты депроймента на продакшен не были рассказаны, так что видео разочаровало
👍
Почему первый nginx направляет запрос на вторую? Нельзя чтобы первый сразу отдал статические файлы?
Можно, но в условиях деплоя через докер так легче
👍
vercel и heroku в этот момент 🗿
Отличное, качественное видео! Все разжованно. Но вот мучает вопрос. В видео показан процесс деплоя исключительно при помощи docker и git. Вопрос, которому можно присудить "11/10 шапочек из фольги", адресован к докеру. А что если оно перестанет существовать? Во всякому случае docker hub. Как быть?
Вопрос специально холеварный, ибо например я любитель деплоить руками/скриптами на хост. А также блокировку по гео-положению никто не отменял ;)
Так вместо Docker Hub можно использовать любой другой registry, например, с GitHub/GitLab или вообще свой развернуть на своём сервере. Тоже самое и с git, тот же GitLab можно поставить на свой сервер
А Docker сам по себе не исчезнет, он в open source. И даже если они удалят репозиторий, есть куча зеркал и форков. На крайняк есть podman со схожим CLI от Docker. А если серьёзно, то Docker уже настолько стал enterprise-решением и так проник во многие компании, что в ближайшее время точно не исчезнет
CI/CD оч актуально, особенно через Гитлаб
услышал, сделаю видео)
ждем видео по ci cd
Все отлично! Но правильнее все же говорить не сервера, а эндпоинта.
Расскажи про ci/di
Так ведь reverse proxy будет в обоих случаях. Это же не зависит от способа обращения к api.
да, ошибся
Спасибо за видео. В описании нет ссылки на github. Ссылка на habr открывается с ошибкой.
github.com/artemonsh/deploy-frontend-backend
P.S. вроде без ошибки открывается
Респект.
Вопрос, правильно ли я понимаю что в докер файле фронта ты поднимаешь два контейнера, один с нодой, второй с нджинксом, а потом в докер композе ты поднимаешь ЕЩЕ один контейнер с нджинксом. Получается у тебя внешний запрос нджинкс из композа проксирует в сервис фронтенд, там его перехватывает ВТОРОЙ нджинкс и уже второй нджинкс отвечает файлами которые он получил из контейнера с нодой??
нода не поднимается, она используется только для сборки статики
ответ на ваш вопрос - да
@@artemshumeiko спасибо 👌
Запишите ролик как развернуть nginx через cicd gitalab
приходите на курс, там подробно изучаем CI/CD: artemshumeiko.ru
ну да, по CI/CD было бы интересно, без перерыва.
а зачем нам 2 nginx файла? и для фронта и для общей системы
На самом деле можно было и в общем это сделать, но такой вариант более симпатичен, представь что будет если пихать все в один файл)
Пароль от рута засвечен 😮
Подача великолепная. Без воды и по сути.