I'm looking into Laravel Echo (With socket.io as connector)
But I can't find out how to bind a callback when user/visitor succeed or not connecting to the socket (Not channel), but generally if connected.
import Echo from "laravel-echo"; //import Laravel-echo
if(typeof(io) != 'undefined'){ //check if io loaded
//init Echo
window.Echo = new Echo({
broadcaster: 'socket.io',
host: { path: '/socket.io' }
});
}
So here I do check if io exist, then most probably socket is up.
But can we bind a callback like we can do with socket.io: Example from socket.io docs
const socket = io('http://localhost');
console.log(socket.id); // undefined
socket.on('connect', () => {
console.log(socket.id); // 'here we can get socket id'
});
The reason why I need a callback is to get the socket id and initiate other scripts.
Looking deeper into the laravel echo source code, I've found that there is on
event binder, that we can't call straight away echo.on('connect', ...)
. But we have access to connector and the actual socket so here is the solution:
if(typeof(io) != 'undefined'){ //check if io loaded
//init Echo
echo = new Echo({
broadcaster: 'socket.io',
host: { path: '/socket.io' }
});
//bind our events
echo.connector.socket.on('connect', function(){
console.log('connected', echo.socketId());
});
echo.connector.socket.on('disconnect', function(){
console.log('disconnected');
});
echo.connector.socket.on('reconnecting', function(attemptNumber){
console.log('reconnecting', attemptNumber);
});
}