Laravel Real Time Chat Application | Vue 3 Laravel Real-Time Chat | Laravel Broadcasting |HINDI

Channel:
India Ajay yadav
Subscribers:
16,000
Published on ● Video Link: https://www.youtube.com/watch?v=xTQ1Mm8SmXo


Duration: 22:47
32,380 views
0

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)
https://www.youtube.com/watch?v=_T0M9241eic

Laravel Notification Part 2 : (Database Notification)
https://www.youtube.com/watch?v=FPRwQxtANzc

Laravel Notification Part 3 : (Slack Notification)
https://www.youtube.com/watch?v=-yzhql7Nop4

Laravel Notification Part 4 : (SMS Notification)
https://www.youtube.com/watch?v=XPThfebb49k

--------------------------------------------------
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:https://www.youtube.com/playlist?list=PLT51dtioU1pMRgv8kNYajmgJfA1W1zwqv

Laravel User Management System :
https://www.youtube.com/playlist?list=PLT51dtioU1pPNxwwo3dWfkUCKI2BXnc_H

Laravel Auth System :
https://www.youtube.com/playlist?list=PLT51dtioU1pPmtFnYQ5WRnYvvL1zW74wl

Laravel And Vuejs
https://www.youtube.com/playlist?list=PLT51dtioU1pN0mQqQ5RM5nE8uOfzsqml2

Laravel Eloquent Relationships
https://www.youtube.com/playlist?list=PLT51dtioU1pO7YgLOyNY0KF_3ny79D0BV


Github Link :
https://github.com/AjayYadavAi/Laravel-8-Vue-3-ChatApplication


#LaravelChat #LaravelRealTimeChat #laravel-websockets
Please subscribe to my channel and share the video with your friends.



Other Videos By Ajay yadav


2022-02-13Laravel 9 New Enum Casting | Enum in PHP 8.1 | Laravel 9 New Updates | Laravel 9 New Features | Ajay
2022-02-10Send Real-Time Notification In Laravel And Vuejs | Real-Time Notification | Laravel Broadcast | Ajay
2022-02-06Laravel Gates Policies Middleware And Guards | Laravel Core Concepts | Laravel Basics | Ajay Yadav
2022-02-03Laravel API With React JS | Connect React Js with Laravel API | Laravel And React JS | Ajay yadav
2022-01-29Laravel 9 Accessors And Mutators | Laravel 9 New Updates | Laravel 9 Eloquent | Ajay yadav | HINDI
2022-01-27Laravel 9 New Error Page | Ignition Error Page | Laravel 9 Updates | Laravel News | Ajay Yadav
2022-01-23Inertiajs And Laravel Todo List | Inertiajs Tutorial | InertiaJs CRUD | InertiaJs Breeze In HINDI
2022-01-20How To Upload Image in Vue 3 And Laravel | Upload Image In Vue 3 | Vue 3 Image Upload [HINDI]
2022-01-16Laravel Accessor And Mutator | Accessor Vs Mutator Laravel | Getters And Setters | HINDI
2022-01-13Soft Deletes In Laravel | How To Use Soft Deletes In Laravel | Laravel Advanced Concepts | HINDI
2022-01-09Laravel Real Time Chat Application | Vue 3 Laravel Real-Time Chat | Laravel Broadcasting |HINDI
2022-01-06SMS Notification In Laravel | Send Notification on Mobile in Laravel | Laravel Notifications #Part 4
2022-01-02Laravel Slack Notificaton | Laravel Advanced | Laravel Notifications | Laravel Slack | Hindi #Part 3
2021-12-30Laravel Database Notification | Laravel Advanced | Laravel Notification | Database Notify | #Part 2
2021-12-26Laravel Notification | Send Notification In Laravel 8 | Mail Notification | Laravel Advanced | #1
2021-12-23Error: MySql Shutdown Unexpectedly XAMPP | How to Fix the XAMPP Error "MySQL Shutdown Unexpectedly"
2021-12-12Laravel Import Data from Excel Sheet And Export Data in Excel Sheet | Excel Import And Export #HINDI
2021-12-09How to add Custom Route File In Laravel | Add Multiple Route Files in Laravel in HINDI
2021-12-05Polymorphic Relationship Laravel | Laravel Eloquent Relationships | Laravel ORM in HINDI #Part 3
2021-12-02Laravel Eloquent Relationships | Has One Through | Has Many Through | ORM Relationship Part #2
2021-11-28Laravel Eloquent Relationships | One to One | One to Many | Many to Many Eloquent in HINDI Part #1


Tags:
laravel real time chat application in hindi
real time chat application in laravel and vue3
vue3 and laravel chat application
vue 3 laravel chat real time
laravel vue 3 real time chat
laravel vue 3 chat
vue 3 laravel 8 chat app
websockets laravel vue 3 in hindi
vue 3 laravel chatting app
vue 3 chat application in hindi
ajay yadav laravel chat
chat application vue and laravel in hindi
vue 3 websockets laravel
laravel vue 3 realtime chat
vue 3 laravel chat appliation