Создание чата на Laravel. Broadcasting и web sockets в Ларавел. Часть 1.
Очень интересный и объёмный урок по broadcasting и web socket в Laravel. Cделаем полезный в многих проектах функционал - чат в котором все изменения будут отслеживаться постоянно за счет web сокетов.
Ссылки
Проект:
Документация: #main-content
Пушер:
Vue Composables: #composables
#broadcasting#laravel#cutcode
---------------------------------------------------------------------------------
❗️❗️❗️Присоединяйся к нашему комьюнити в телеграм - там и советом помогут и много интересного -
🤖🤖🤖Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут -
---------------------------------------------------------------------------------
⏰ Таймкоды:
00:00 Введение
00:58 Как работают web сокеты
06:23 Подготовка проекта к работе
07:35 Подключение Pusher
11:03 Создание broadcast канала
14:10 Подробнее о broadcasting
15:32 Подготовка базы данных
21:30 Подведение итогов
Всех приветствую на канале Cutcode! Сегодня у нас интересный ролик - мы с вами поговорим и затронем множество тем, как больших, так и мелких должно быть интересно всем кто будет сталкиваться с этим впервые. Глобально мы затронем раздел broadcasting в Laravel. Я кстати заметил, что не так много уроков посвящено этой теме. Ну и само собой, раз мы поговорим о broadcast мы затронем тему web socket. Потрогаем laravel echo и воспользуемся внешним сервисом pusher. Плюс поработаем vue js 3 в подходе composition api с применением composable функций. Но в целом сделаем самое популярное для этой темы, а именно чат в котором все изменения будут отслеживаться постоянно за счет web сокетов, так что пристегните ремни и погнали!
Для начала мы немного пройдемся по теории, в рамках основной технологии. Немного пройдемся по стеку и ответим на пару важных вопросов постараюсь недолго и по-простому и дальше уже примемся за дело. Друзья сразу предупреждаю что базовые знания php js vue js laravel потребуется. Мы не будем тратить кучу времени на простые вещи, такие как установка laravel tailwind, компиляция стилей скриптов и всего в таком духе. Все это отдельно есть на канале - где возникают сложности сперва изучаете, а потом возвращайтесь к нам. Но я понимаю что основная аудитория новички и буду объяснять все шаги которые пропускались и по возможности объяснять все что мне покажется нетривиальным. Итак друзья в плане теории - начнем с самого раздел broadcasting в рамках Laravel. Здесь в основе концепция которая как и все в Laravel призвана облегчить нам жизнь. В данном случае позволяет нам общаться и передавать данные между в серверной частью и клиентской через websocket соединения. Общение происходит в рамках единых каналов, есть канал с определенным именем и frontend общается по нему и сервер сайт также. В общем здесь у нас нечто иное как упрощенный подход работы с web socket. Что же касается самих websocket - для тех кто с этим не знаком. Смотрите - есть http протокол по которому мы передаем и получаем данные в привычной нам манере. Отправили запрос на сервер и получили ответ. Спросили сервер о чем-то, а он нам ответил. Сам он нам никаких вопросов не задает. Только отвечает в тот момент, когда спросим. В web socket все куда интереснее - мы отправляем запрос и говорим ждем ответа и сервер нам отвечает тогда, когда требуется. Нам больше не нужно снова отправлять запрос на получение данных. Если сервер отправил данные мы их в любой момент примем. То есть мы слушаем сервер, а он с нами делятся информацией. А по http мы спрашиваем, а он отвечает. В случае с веб сокетами у нас организован постоянный connect, по которому в любой момент могут прийти данные.
Давайте отвлечемся и взглянем на старую проблему из мира динозавров когда мы делали чат и с помощью таймеров в js и скажем каждые пять секунд отправляли http запрос на сервер, чтобы узнать у него нет ли случаем новых сообщений. Если есть - отрисовывали, если нет - ждали следующие пять секунд. Куча запросов каждые пять секунд. Если придет сообщение в промежутке там и само собой ничего не получим.
---------------------------------------------------------------------------------
📹 делитесь этим видео с друзьями:
🔔 подпишитесь на YouTube-канал:
📼 Курс по Laravel с нуля:
Broadcasting и web sokets в Laravel. Создание чата на Ларавел
---------------------------------------------------------------------------------
🔗 наш сайт:
📷 наш instagram:
📱 Наш telegram-канал:
12 views
1188
453
2 months ago 00:08:53 1
Альтернативная денежная система: дедолларизация - Татьяна Чупрова
2 months ago 00:20:20 1
Не Пытайся ЗАРАБОТАТЬ НА ЛЮДЯХ! Относись к Другим КАК К СЕБЕ! 4 Правила Больших Денег | Анар Дримс
2 months ago 00:08:54 1
Оптические эффекты для генерации изображений или как сделать красивый арт в нейросетях.
2 months ago 00:04:34 1
Без лишних слов...
2 months ago 00:15:58 1
ИСТОРИЯ ШТУРМОВЫХ ТАНКОВ ВЕЛИКОБРИТАНИИ СЕРИИ “Assault Tank“ | История: AT 1 - AT 18, A39 Tortoise.
2 months ago 00:22:03 1
1166. Паразит из Ямы теряет носителя..
2 months ago 00:00:50 1
ЧЕЧЕНЦЫ В БЕРДЯНСКЕ @VolodymyrZolkin
2 months ago 00:29:16 1
🔥 В облаке УСТАНОВЛЕНЫ и НАСТРОЕНЫ Flux Dev, ComfyUI, Automatic1111, Forge, Fooocus, Kohua_ss.
2 months ago 00:01:13 1
Итоги “Технопром-2024”.
2 months ago 00:16:52 1
9 вещей, которые кошка не забудет НИКОГДА
2 months ago 00:13:54 1
Выбираем тему книги - Асмик Бакунц
2 months ago 00:34:45 4
Микеланджело vs Пикассо возможна ли однозначная оценка искусства?
2 months ago 01:31:51 1
Секреты побед России - Андрей Иванов, Максим Нургалеев, Лидия Желамкова
2 months ago 02:52:46 1
Криштоп Максим Сергеевич | Интервью с @dmytrokarpenko
2 months ago 00:19:21 1
Чьи интересы обслуживают Соловьёв и Гурулев - Максим Нургалеев, Павел Григорьев
2 months ago 02:20:30 1
Обновление основ государственной политики в области ядерного сдерживания - М. Нургалеев, Д. Жокин
2 months ago 00:32:42 1
Ценность новостей: понятие и характеристики - Асмик Бакунц (Основы Журналистики)
2 months ago 00:38:50 1
Форум журналистики «Вся Россия»: результаты и выводы - Вячеслав Афанасьев, Лидия Желамкова
2 months ago 00:12:54 1
Технология контроля масс. Предложение Никите Михалкову. Технология Победы - Максим Нургалеев
2 months ago 00:15:52 1
Маркировка рекламы ВЗРЫВАЕТ мозг / Сложности в маркировке рекламы 2024
2 months ago 00:03:15 1
Вставай страна на Вашингтон - Ди-джей Сармат
2 months ago 00:11:18 1
Ещё один “Зелёный“ в Германии оправдывает АннуЛену Бербок
2 months ago 01:49:46 1
ТЕХНОЛОГИИ ТВОРЧЕСТВА / КРЕАТИВА, как шанс НЕУБОГОЙ ЖИЗНИ…
2 months ago 00:15:19 1
Разработка и реализация проектов реакторных установок БН-1200М, РИТМ-200, ВТГР-200 | ОКБМ Африкантов