Создание чата на Laravel. Broadcasting и web sokets в Ларавел. Часть 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-канал:
Back to Top