In this video, we are going to discuss Laravel Real Time Chat Application, Vue 3 Laravel Real-Time Chat and Laravel Broadcasting. We will cover how can apply chat applications using WebSockets on our site.
Thanks to many Beyondcode for such a power package for solving the issue of the chat application. Instead of paying so much amount to pusher and other services for a chat.
Beyondecode just resolve this issue.
Before going into deep we need some pre-requisite to this package.
We are going to use vue3 along with Laravel.
So running your own WebSocket server can be an attractive alternative. You could do a lot of polling on the client-side and that becomes unstable pretty fast. The downside of that is that now your company is in charge of maintenance and of keeping the service running. Services like Pusher.com on the other hand are specialized in exactly that.
But in this video, we will see how easy it is to run your own WebSocket server with PHP only. And Javascript on the frontend of course. To be specific we are going to use Laravel and VueJs.
We will utilize the amazing package laravel-websockets by Marcel Pociot and Freek Van der Herten which allows us to run our own WebSocket worker by removing a great deal of the "pain in ass" to set one up.
Laravel Notification Part 1 : (Email Notification)
• Laravel Notification |...
Laravel Notification Part 2 : (Database Notification)
• Laravel Database Notif...
Laravel Notification Part 3 : (Slack Notification)
• Laravel Slack Notifica...
Laravel Notification Part 4 : (SMS Notification)
• SMS Notification In La...
--------------------------------------------------
Add to composer.json:
"require": {
"beyondcode/laravel-websockets": "^1.12",
"pusher/pusher-php-server": "^5.0",
}
-----------------------------------------------
Add to Bootstrap.js:
window.Echo = new Echo({
broadcaster: 'pusher',
key: process.env.MIX_PUSHER_APP_KEY,
cluster: process.env.MIX_PUSHER_APP_CLUSTER,
forceTLS: false,
wsHost: window.location.hostname,
wsPort: 6001
});
Our Playlist:
Computer Facts: • Computer facts
Laravel User Management System :
• Laravel User Managemen...
Laravel Auth System :
• Laravel Multi Auth System
Laravel And Vuejs
• Laravel And Vuejs
Laravel Eloquent Relationships
• Laravel Eloquent Relat...
Github Link :
github.com/Aja...
#LaravelChat #LaravelRealTimeChat #laravel-websockets
Please subscribe to my channel and share the video with your friends.
23 авг 2024