/plushcap/analysis/ably/building-a-realtime-chat-app-with-react-laravel-and-websockets

Building a realtime chat app with Laravel using WebSockets

What's this blog post about?

In this tutorial, you will learn how to build a web-based realtime chat app using Laravel, Ably, and Vue.js. The application uses Laravel + Ably-broadcaster and Ably at the server side (backend) and Vue.js + Ably-laravel-echo at the client side (frontend). The architecture of the chat app includes Laravel for authentication/authorization and broadcasting information to Ably on behalf of clients over a WebSocket connection, while Vue.js is used for building the user interface. The tutorial covers setting up the environment, creating public message events, broadcasting messages from Laravel to Ably, and receiving messages at the client side using Laravel Echo library.

Company
Ably

Date published
Dec. 16, 2022

Author(s)
Ably

Word count
1881

Hacker News points
None found.

Language
English


By Matt Makai. 2021-2024.