Создание чата на 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
3 weeks ago 01:52:13 1
Дивный Новый Мир, который создают “Хозяева Денег“
3 weeks ago 01:28:56 1
Стать профи DeFi - Илья Алабужев о создании XBOT для трейдеров, иксы на мем-коинах, иинфлюенсеры СНГ
3 weeks ago 00:09:53 1
Как выглядит неконструктивная критика НОД от Миши Маваши - Максим Нургалеев
3 weeks ago 00:13:49 1
СТАЛО ИЗВЕСТНО БУДУЩЕЕ YOUTUBE. Все забудут про блокировку, когда случится это. Новости
3 weeks ago 02:15:23 1
Монтаж рекламного ролика в DaVinci Resolve за 90 минут. Дмитрий Ларионов
4 weeks ago 00:28:36 1
ПЕРЕЕЗД В ИСПАНИЮ В 17! ПОТРЯСАЮЩАЯ ИСТОРИЯ
1 month ago 00:23:47 1
Зачем бомбили Южмаш? Что не досказано про орешник? При чём тут Грузия и Сирия? - Максим Нургалеев
1 month ago 00:12:13 1
Жак Фреско о технологиях будущего
1 month ago 00:16:59 1
помпейская# печь с тёплым полом без электричества🫨🤗
1 month ago 00:14:45 1
949. РСП-ЭХ с 2 прицепами вывозит без жены...
1 month ago 00:57:39 1
ЧТО В НИХ ОСОБЕННОГО? Moët, Veuve Clicquot, Dom Pérignon... 🍾 Истории КУЛЬТОВЫХ брендов шампанского
1 month ago 00:15:06 1
7 крутых AI Сайтов которые Сделают ВСЁ что Захотите и Больше!
1 month ago 00:35:37 4
✅Встретил Креосана в Катманду!🔥🌶
1 month ago 00:44:57 10
Продажи, маркетинг, создание УТП и набора инструментов для менеджеров с помощью нейросетей“
1 month ago 00:14:01 1
Как заработать на ChatGPT | Идеи для заработка в интернете
2 months ago 00:04:14 1
Драма в Испании
2 months ago 00:20:18 1
На заметку Медведеву и Артамонову - Максим Нургалеев
2 months ago 00:11:28 1
За что бьётся НОД - Денис Ганич
2 months ago 00:07:48 1
Как восстановить ⚕️ историю чатов 💬, контакты, сообщения и файлы Viber на Android или Windows в 2021