Это видео недоступно.
Сожалеем об этом.
Laravel Real Time Chat Application | Vue 3 Laravel Real-Time Chat | Laravel Broadcasting |HINDI
HTML-код
- Опубликовано: 8 янв 2022
- 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.
Helpful video. Especially for beginners. Thanks for making such videos.
My pleasure 😊
so nice. superb i have watched your videos all are best but this is very nice.
agar hmne alredy .env file me database connect rakha hua he our us project me chatify add krna hoto kaise connect kre?
First of all thank you for making this video. I need some help from you. Can you please make a video on how to configure websockets on live server, I'm getting lots of errors while running websockets on server and can't find proper documentation to configure websockets on server, I'm using plesk server. Please help me, Thank You.
Nice tutorial, but I don't know why your code is running. At HomeController $user->messages() (messages method is not defined). I have tried to replace by $user->messages (using relationship at Model) will return a collection and Method Collection::create is not exist. And inside method create ([ ]) why 'user_id' column have not insert data? Please explain to a beginner, thank you very much.
sir baqii perfect ha but thori sey speed slow rakhean please bolny key bhy aur working key bhy thanku so much
sure, thanks for watching
You can slow down the playback from RUclips .
great sir, i have one question that if we want to send attachment in chat, is there example?
Thanks ajay. It will be more helpful if you can make a tutorial on how to host/deploy this laravel-websockets app to production.
Noted
How to create a real-time chat feature for a mobile app using Laravel Websockets?
Great..Keep it up
Great explanation with realtime debugging 👍
Thank you 🙂
@@ajay-yadav ok
ok
sir ap database ma chat ka data keu nahi save kar rahy .?
Nice video completely outstanding.🔥🥰
Thank you so much 😀
I have developed a chat app using laravel and vue js 3 but getting this error while serving the application
You must pass your app key when you instantiate Pusher.
" require is not defined"
window.Pusher = require('pusher-js');
He makes a mistake in this part. What can I do?
Bro react js k sath kese hoga Laravel API k sath
thank you sir It will be more helpful tutorial for me
So nice of you
when i send message to second user without refresh it is not showing message how can solve this by the way i am not good in vue js please help
thank you so much, you did a lot in little time
Glad it helped!
Please make a project for voice and video call using Laravel Vue. Please if you know. Thanks in advance.
Your video is great, I have watched and implemented your complete video and this chat application is working fine on locally. But when I take this code to Live on Cpanel, then Pusher connection is failed and facing issue on deployment. Can you further increase your video about the Cpanel Deployment then it will be great because on Google no one is giving proper solution.
consegiu resolver ?
@@mundoprogramado3106 No, I left this issue because it was taking time.
can i use laravel broadcast without using laravel frontend in my project???
Thank you for your help!
How we can send a voice message please make a short video on it. THANKS❤
is this realtime multichat for any user in one chatroom?
typing indicator vue 3 and laravel chat application
Nice explain. In this video 2:00 min You were open MINGW64. How to connect with VS Source. what is this cmd terminal. pls explain
download gitbash and install
git-scm.com/downloads
@@ajay-yadav I can downloaded and installed successfully. But how to open MINGW64 during vs code working.
Sir can i make realtime chatting api for react native using it ?
Sir your videos are totally awsome , please can you say how to make real time chat Api in laravel
Sir (app.component not a function) a rha ha
please sir help me why show this error
Channels current state is disconnected
WebMaker aap github se code download kr ke ek bar match kr lo .. may be broadcast ke time dikkt aa rhi hogi
sir kya esme 2 s jyda user add kr skte h
or kitne user chating kr skte h
Sir make it video call application in laravel
i'm get some error
RROR in ./resources/js/app.js 3:0-45
Module not found: Error: Can't resolve './components/chat.vue' in '/opt/lampp/htdocs/testproject/vue-chat/resources/js'
using this cmd npm run watch
Sir websocket aur pusher ka kam same hota hai kya
sperate users chat kaisay krengay sir?
Its private chat right? So how to create message one to one like Facebook, messenger
Sir Realtime chat API possible in laravel?
I have a question i want to create chat but what will be best solution using pusher ,web socket or something else
yes use pusher with laravel
good Explain but thora normal speed min samjhiya karen thanks
best video
your source is empty? why?
Your tutorial is good, but why don't you increase your editor font size? I think you should compare your video with other instructors.
Thank you for letting me know
Sir, How will we deploy this application on hosting service? How will we run serve there?
ok ... so google "laravel supervisor"
Please make same app with ReactJS
I need code for Chat between 2 persons
check the latest video. laravel reverb
Ajay sir aap please laravel and vue js ki series bna dijiye please
Sure, start krenge
Sir your content is awesome 👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
please sir can I do this with react instead of vue
yes sure
real time chat application sir can you make this video ( admin to user ) using ajax without vue
ok will try
Video call application project
pusher is limited
which laravel version is it sir?
laravel 8
Video call application make it please 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🥺🥺🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻 sir custom video call application ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤
please try to improve the sound quality
sure
is it Laravel 8
yes
?
everything is working but i receive message on page refresh it is not realtime in my system, plz suggest as there is no error in console but evertime is send message on my websocket server console it shows "Connection id 320449842.368471281 closed."
i got it, it was because the version issue. I downgraded pusher php-server from 7.2 to 6.1 and started working