Создание чата на 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-канал:
3 views
5
2
2 weeks ago 00:08:45 6
5 ЛУЧШИХ ОНЛАЙН-ПРОФЕССИЙ ДЛЯ НОВИЧКОВ БЕЗ ОПЫТА | КАК НАЧАТЬ ЗАРАБАТЫВАТЬ С НУЛЯ
2 weeks ago 02:14:42 18
Вёрстка крутого сайта с нуля по макету Figma на Taptop. С разбором вопросов.
2 weeks ago 00:20:18 1
На заметку Медведеву и Артамонову - Максим Нургалеев
2 weeks ago 00:11:28 1
За что бьётся НОД - Денис Ганич
2 weeks ago 00:32:19 66
Анализ рынка акций РФ и США/ SBER, YDEX, HYDR, MDLZ, LLY, MSFT/ RTS, SI, NASD
2 weeks ago 00:23:25 862
Новый МК. Из чего сделано стекло. Почему удалён чат.