npm install --save pusher-js laravel-echo
import Echo from 'laravel-echo';
window.Pusher = require('pusher-js');
window.Echo = new Echo({
broadcaster: 'pusher',
key: 'mykey',
wsHost: window.location.hostname,
wsPort: 6001,
forceTLS: false,
disableStats: true,
});
mykey
with your actual Pusher API key.mix.js('resources/js/bootstrap.js', 'public/js');
You can then use Laravel Echo in your Vue components or JavaScript files as follows:
Echo.channel('channel-name')
.listen('EventName', (data) => {
console.log(data);
});