usuario do socket corrente. O metodo "broadcast" envia uma mensagem para todos os demais canais/usuarios que estao conectados no Server menos o usuario do socket atual.Linhas #43 a #46: e informado atraves do metodo "on" o monitoramento do evento "disconnect" onde este ira emitir uma mensagem para os demais usuarios conectados informando que o usuario referente ao atual socket saiu da pagina.Pelo codigo conseguimos ver como utilizar o monitoramento dos eventos utilizando os metodos:- on: para informar o evento a ser monitorado e a funcao de callback que sera executada quando o evento for disparado pelo Client. Note que nenhuma das funcoes recebem parametros pelo Client, mas podemos tambem informar parametros para o Server assim como informamos para o Cliente (linha #34 e um exemplo disso).- emit: este metodo ira emitir o evento para o Client/Server. Nele devemos informar no primeiro parametro o nome do evento e os demais itens informados serao os parametros que o Client/Server ira receber na funcao de callback.- broadcast: este atributo utilizando em conjunto com o metodo "emit" ira emitir o evento para todos os usuarios conectados menos o atual usuario.2o Passo - Criando a estrutura no Client side: neste passo iremos criar uma pagina HTML para demonstrar o monitoramento dos eventos disparados pelo Server side. Como mencionado no inicio do poste irei utilizar um servidor Web local para a demonstracao do exemplo com socket.io. Entao vamos a configuracao.- Crie uma pasta no DOCUMENT_ROOT do seu servidor Web com o nome "socketio_exemplo" crie um arquivo HTML com o nome "socket.html" e com o conteudo abaixo:<!DOCTYPE html><html><head> <title>Exemplo utilizando socket.io</title> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- CSS --> <style type="text/css"> h2 { color: #439; font-size: 120%; } </style> <!-- JS --> <script type="text/javascript" src="http://localhost:8088/socket.io/socket.io.js"></script> <script type="text/javascript"> // Criando a conexao com o Socket.io var socket = io.connect('http://localhost:8088',{ 'reconnect': true ,'reconnection delay': 500 ,'max reconnection attempts': 1000 ,'secure': false }); // Emitindo o evento para o Server socket.emit('userconected'); // Listeners /** * Monitorando o evento "showmessage" que sera disparado pelo Server * @param {String} msg Mensagem a ser exibida */ socket.on('showmessage', function(msg){ var messageEl = document.getElementById('message-info'); // Exibindo a mensagem enviada messageEl.innerHTML += msg; }); </script></head><body> <h2>Mensagens do socket.io</h2> <div id="message-info"></div></body></html>Detalhando o codigo:Neste ponto irei detalhar somente as linhas de codigo que fazem a magica acontecer, pois no mais e so HTML e CSS.Linha #17: nesta linha estamos solicitando o arquivo JS do socket para o Server. Note que utilizamos o mesmo IP e porta que foi informado na configuracao do socket no Server.Linhas #20 a #25: neste bloco que estamos criando a conexao com o socket no Server, neste momento que e disparado o evento "connection". Ha algumas opcoes que podemos passar para a criacao do socket. Abaixo a informacao de cada atributo:- reconnect (bool): que ira informar se o socket ira tentar se conectar caso perca a conexao com o Server.- reconnection delay (int): informa o tempo em milissegundos que sera o delay da tentativa de conexao.- max reconnection attemps (int): informa o valor maximo de tentativas de conexao com o Server.- secure (bool):