Echo.socketId() undefined

I’m trying to setup a toOthers() broadcast for a Dropzone

I’ve tried to add the X-Socket-ID to Dropzone but when I do Echo.socketId() it is undefined.

My setup of Echo is

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: 'key',
    cluster: 'eu',
    encrypted: true
})
console.log(Echo.socketId()) // undefined

Within my package.json I have laravel-echo 1.2.5

[ppisecky]

I scanned through Echo source and Pusher docs and here’s a solution:

window.Echo.connector.pusher.connection.bind('connected', function () {
    window.axios.defaults.headers.common['X-Socket-Id'] = window.Echo.socketId();
});

Though I have to say that I’m not a massive fan.

[JGdijk]

I had the same problem. What happens is that your console.log fires before the connection has been instantiated (because it happens async) and therefore socketId() will fire undefined. You will see that if you put a timeout on your console.log() you will be able to receive the socketId.

I have been looking for an event that fires when the connection has been made to hook in to it but have not found it. (i am using socket.io, i actually have seen somebody find this hook using pusher but can’t find the post anymore)