Тёмный

Создание чата на Laravel. Broadcasting и web sockets в Ларавел. Часть 2. 

Просто о Laravel. CutCode
Подписаться 13 тыс.
Просмотров 8 тыс.
50% 1

Продолжаем изучать broadcasting и web socket в Laravel. Во второй части будет практика. Урок вышел не маленький, так что настраиваемся и внимательно смотрим!
Ссылка на первый ролик по broadcasting и web socket в Laravel:
• Создание чата на Larav...
#broadcasting#laravel#cutcode
---------------------------------------------------------------------------------
❗️❗️❗️Присоединяйся к нашему комьюнити в телеграм - там и советом помогут и много интересного - t.me/laravel_chat
🤖🤖🤖Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - cutcode.ru/chat-bot
---------------------------------------------------------------------------------
⏰ Таймкоды:
00:00 Введение
00:26 Создание события отправленного сообщения
04:55 Работа с событиями
07:30 Клиентская часть
11:23 Composable слой
18:24 "Оживление" чата
23:52 Работа с компонентом ChatMessages
28:55 Добавление библиотеки ECHO
31:44 Проверка работы
32:50 Подведение итогов
Всех приветствую на канале CutCode! Это уже вторая часть по broadcasts, веб сокетам и написанию простого чата. Те кто не смотрел первую часть обязательно начните с нее - там есть и теория с объяснением с чем и как будем работать. Ну что же - погнали. Да в целом контроллер у нас будет простой - его сразу легко предвидеть и можно заранее добавить и все остальные route. И у нас будет так же get messages чтобы получить все сообщения. Так как у нас будет view и сообщение мы будем получать с помощью ajax запроса и соответственно route методом post и action send для отправки сообщения. Так окей теперь переходим в контроллер. Быстро эти простые методы оживим -
главная страница с нашим чатом. Здесь мы не будем сейчас с вами строить аутентификацию, форму входа, разделение там на отправитель-получатель. Сделаем пока что с одним пользователем авторизуем здесь форсированно. Мы уже с вами запустили сиды и у нас есть один пользователь. И давайте вот так вот авторизуем его. То есть вы в своем случае уже если будете делать из этого какой-то более реальный интересный продукт, то здесь эту тему будете разветвлять и улучшать. Она уже в целом не связана с веб сокетами, с бродкастами, то есть это немножко другая тема, здесь все просто, я думаю вы и сами справитесь в рамках своих задач и вернем в вюху чат где у нас собственно верстка нашего чата пока что не оживленная.
Так, идем дальше создаем метод месседжес для получения всех сообщений. Так здесь мы просто выведем всем сообщение из таблицы messages: Модель message, давайте сразу подгрузим текущего пользователя. Пользователя точнее который привязан будет к этому сообщению и возьмем все сообщения. И само собой здесь можете улучшать подход, добавлять json ресурсы, дополнительные проверки. Мы этого делать сейчас не будем, мы не пишем здесь прям идеальное приложение с чатом, мы просто рассматриваем концепцию как это делается. И последний третий метод по отправке самого сообщения. Когда мы будем в клиентской части писать какое-то сообщение, нажимать на кнопку отправить, мы будем отправлять запрос сюда в send и здесь соответственно давайте сделаем этот момент по-уму создадим form request с текущим запросам сообщением от пользователя. OK здесь его добавим message form request. Давайте его немножко отрегулируем.
---------------------------------------------------------------------------------
📹 делитесь этим видео с друзьями:
• Создание чата на Larav...
🔔 подпишитесь на RU-vid-канал: ru-vid.com?s...
📼 Курс по Laravel с нуля:
• Курс по Laravel 8 обуч...
Создание чата на Laravel. Broadcasting и web sokets в Ларавел. Часть 2.
---------------------------------------------------------------------------------
🔗 наш сайт: cutcode.ru/
📷 наш instagram: / cutcoderu
📱 Наш telegram-канал: t.me/laravel_cutcode

Опубликовано:

 

30 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 35   
@manzadey
@manzadey Год назад
Крутой урок получился, спасибо за старание объяснить эту часть доступным примером😊
@martingerman2457
@martingerman2457 Год назад
Подтверждаю, это работает. Только что испровал на новенькой Laravel 10. Вместо вебака был вит и чуть по-другому, а так в общем все как и в уроке. Спасибо!
@casualrich-lifeiseasy4921
@casualrich-lifeiseasy4921 5 месяцев назад
Ламповый ты чел. Обожаю смотреть твои ролики. Жаль нельзя ещё и пивка с тобой выпить)
@CutCodeRu
@CutCodeRu 5 месяцев назад
🤗
@mnogokotin
@mnogokotin Год назад
спасибо за видео )
@user-mi2od9gr5x
@user-mi2od9gr5x Год назад
Спасибо спасибо !
@ilhmpost
@ilhmpost Год назад
лайкос за труды!
@klimsubbotin2484
@klimsubbotin2484 10 месяцев назад
Спасибо за видео! Хочу заметить (возможно, Вы так сделали просто ради быстроты видео) что на 17:59 можно писать без then, просто строка за строкой: const response = await axios(и так далее) messages.value.push(и так далее) Возможно, кто-то не знает :)
@alexredcross
@alexredcross 3 месяца назад
неплохой чат получился, спасибо) как всегда топ)
@CutCodeRu
@CutCodeRu 3 месяца назад
спасибо!🤗
@plutuss
@plutuss Год назад
Спасибо, классное видео. Интересно посмотреть как правильно настроить Vue на новой версии Лараваль. Так как он работает уже через vite
@CutCodeRu
@CutCodeRu Год назад
Такой ролик есть на канале
@CutCodeRu
@CutCodeRu Год назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Rhd2dA8w4Gg.html
@user-eq9jz4vf2w
@user-eq9jz4vf2w Год назад
Помогите пожалуйста на laravel 9 он работает написал закрытыми глазами это пример) а вот на laravel 8 не могу его заставить работать проект большой переделывать всё на 9 будет затратно по времени
@CutCodeRu
@CutCodeRu Год назад
В чем вопрос то?
@user-eq9jz4vf2w
@user-eq9jz4vf2w Год назад
@@CutCodeRu Как его заставить работать на 8 версии Laravel Я почитал доки они одинаковые на обоих версия но почему то он не работает
@eugenejk4030
@eugenejk4030 8 месяцев назад
Привет Спасибо за урок! В ларавел 8 не работает отправка сообщения, ошибка - Argument 4 passed to Pusher\Pusher::trigger() must be of the type array, null given Подскажите пож-та как пофиксить. При дебаге обнаружил что в payload, который передается в Pusher::trigger() socket = null
@arta4649
@arta4649 Год назад
Отличное видео,подскажите пожалуйста а как удалять(модерировать) сообщения?
@CutCodeRu
@CutCodeRu Год назад
Также как и все остальное! Добавить визуальный интерфейс как вариант
@pm18studio
@pm18studio Год назад
Делал чат для своего проекта по вашим урокам. Остановился на 32:00 Получаю ошибку Echo is not defined. перепроверил всё, пересмотрел несколько раз и ваш код на гитхабе посмотрел, всё так же, но ошибка остаётся. P.S. Все зависимости и пакеты установлены, npm run watch запущен. Гугл ответов не дал. Можете подсказать, куда копать?
@CutCodeRu
@CutCodeRu Год назад
Говорит что переменная Echo не объявлена! Идем в bootstrap.js и находим import Echo from 'laravel-echo'; Проверьте что точно раскоментированно и bootstrap.js подключен в app.js а также установлен laravel-echo (npm install --save-dev laravel-echo)
@pm18studio
@pm18studio Год назад
@@CutCodeRu Спасибо за подсказку. Всё было установлено. Ошибка заключалась в том, что в файле app.js require('./bootstrap'); происходил на последней строке, а не на первой, до импорта vue)))
@trvtrv3172
@trvtrv3172 Год назад
А зачем используя await еще использовать then? можно же записать в res = await axios...
@CutCodeRu
@CutCodeRu Год назад
Можно
@Kyrare03
@Kyrare03 Год назад
composable уж очень напоминает хуки в реакте. Я правильно понимаю, что идея такая же?
@CutCodeRu
@CutCodeRu Год назад
Все верно
@Yourgodforever
@Yourgodforever Год назад
Спасибо, классный урок, прописала все, но сообщения так и не выводятся незнаете в чем может быть проблема?
@CutCodeRu
@CutCodeRu Год назад
Так не угадаешь
@arturkhachatryan63
@arturkhachatryan63 Год назад
privet, sdelai pozalusta urok po Laravel Octane, gde ego prinimat i v kakix sluchiex. Zacem on nuzen…
@CutCodeRu
@CutCodeRu Год назад
Привет, когда нибудь обязательно!
@arturkhachatryan63
@arturkhachatryan63 Год назад
@@CutCodeRu ochen zdu ❤️, a tak spasibo za vash trud ochen mnogo poleznogo i novogo uznaju…
@livemy
@livemy Год назад
Самый главный минус данного подхода - невозможно отключить пользователя от чата, т.е. выгнать из чата
@user-do6hk5md9n
@user-do6hk5md9n Год назад
стоит ли говорить, что это не есть минусом данного подхода? это вообще не урок по созданию чата
@haminidzinanusubalieva6622
@haminidzinanusubalieva6622 9 месяцев назад
🤣
@trvtrv3172
@trvtrv3172 Год назад
Хыгыгы компоситион не очень понял что это ц
Далее
WHY DOES SHE HAVE A REWARD? #youtubecreatorawards
00:41
Вопрос Ребром - Toxi$
46:50
Просмотров 1,6 млн
ЖДУЛИ | 2 СЕЗОН | 3 ВЫПУСК
54:56
Просмотров 342 тыс.
Зачем нужны события в Laravel?
5:14
Просмотров 2,8 тыс.
WHY DOES SHE HAVE A REWARD? #youtubecreatorawards
00:41