Laravel & Vue.js & Events & Web Sockets

Question

Cześć, mógłby ktoś wyjaśnić mi mechanizm działania websockets w Laravel & Vue.js?

Chciałem napisać prostą aplikację real time - chat. W lara dodałem event ChatMessagesEvent a w nim 

public $message;

    public function __construct(Message $message)
    {
        $this->message = $message;
    }

    public function broadcastOn()
    {
        return new PresenceChannel('chat_messages');
    }

podczas wysyłania wiadomości

 public function store(array $data)
    {
        $this->chatConversationRepository->findConversation($data['conversation_id']);
        $data['sender_id'] = Auth::id();
        $item = Message::create($data);
        if (empty($item))
            throw new Exception(trans('exceptions.no_created'));
        if (!empty($data['files'])) {
            $this->uploadFileToConversation($item, $data);
        }
        broadcast(new ChatMessagesEvent($item));
        return $item;
    }

po utworzeniu rekordu wywołuje się event i przekazuję do niego utworzony obiekt

po stronie klienta standardowo wysyłam i wyświetlam wiadomości ale dodaję jeszcze coś takiego w created()

```

Echo.join('chat_messages')
  .listen('ChatMessagesEvent', (event) => {
    this.messages.push(event.message)
  })

```

jak dobrze rozumiem ma to nasłuchiwać wywołany event i dodawać wiadomość do listy jednak nic się nie dzieje, wydaje mi się że chodzi o złą konfigurację. Komunikuję się poprzez API

backend: http://localhost:8000/api/

front: http://localhost:8080/

ktoś, coś, jakieś uwagi co może być nie tak?

 

Comments

jak dobrze rozumiem ma to nasłuchiwać wywołany event i dodawać wiadomość do listy jednak nic się nie dzieje

Są jakieś błędy w konsoli? Czy callback przekazany do metody listen jest wywoływany? Czy połączenie socketowe jest nawiązane - co pokazuje się w zakładce Network/Sieć w devtoolsach przeglądarki?

---

@mi-20, jakiego używasz drivera dla broadcastera?

---

redis

---

@ScriptyChris, Właśnie w konsoli nic nie widzę, może chodzi o konfigurację połączenia?

---

Nie odpowiedziałeś jeszcze na pozostałe pytania.

---

@ScriptyChris, sorki.

z tego co widzę callback nie jest wywoływany natomiast w zakładce network, przy wysyłaniu wiadomości, jest tylko trasa której używam do jej wysłania

---

Może jak wrzucę kod za to odpowiedzialny na git będzie łatwiej?

---

A czy w ogóle wiadomości przez WebSocket docierają do przeglądarki? Możesz to sprawdzić we wspomnianych devtoolsach: https://developers.google.com/web/tools/chrome-devtools/network/reference#frames

jest tylko trasa której używam do jej wysłania

Jaką trasę masz na myśli? 

---

WebSocket nie docierają. Chodzi mi o trasę API czyli /api/chat/messages/store

---

Skoro wiadomości WebSocketowe nie docierają do przeglądarki, to upewnij się, że PHP je wysyła (może w logach serwera są błędy?).