Socket.io

Socket.IO é uma biblioteca JavaScript que permite a comunicação bidirecional em tempo real entre clientes e servidores, utilizando WebSockets e outros mecanismos de fallback. É usada para construir aplicações web em tempo real, oferecendo baixo tempo de latência e comunicação baseada em eventos.

Os dados são transmitidos entre cliente e servidor por meio de mensagens, usando eventos para indicar o tipo de mensagem e os dados associados.

O cliente pode enviar mensagens para o servidor e o servidor pode enviar mensagens para o cliente, permitindo interação em tempo real.

Socket.io no NodeJS

O Socket.IO é composto por duas partes:

- um servidor com HTTP Node.JS socket.io.

- uma biblioteca cliente que carrega no navegador socket.io-client.

Durante o desenvolvimento, o socket.io serve o cliente automaticamente.

• Criar a pasta do projeto. Ex: D:/socketio.

• Abrir prompt do NodeJS. Na pasta do projeto, executar a instrução npm init.

• Executar a instrução npm install express.

• Executar a instrução npm install socket.io

• Criar e editar o arquivo index.js.



Observe que inicializamos uma nova instância de socket.io passando o objeto server (o servidor HTTP). Em seguida, escutamos o evento de conexão para sockets de entrada e registramos no console.

• Criar e editar o arquivo index.html.



Isso é tudo o que é preciso para carregar o socket.io-client, que expõe um io global (e o endpoint GET /socket.io/socket.io.js) e, em seguida, conectar.

• Executar o arquivo index.js no servidor (node.js index.js).

• Abrir o navegador e inserir url http://localhost:3000.



• Enviar uma mensagem ao servidor.



Tente abrir várias abas e você verá diversas mensagens de conexão.

• Alterar código para mensagem de desconexão (evento disconnect).





Projeto Dashboard

• Criar a pasta do projeto. Ex: D:/socketio.

• Abrir prompt do NodeJS. Na pasta do projeto, executar a instrução npm init.

• Executar a instrução npm install express.

• Executar a instrução npm install socket.io

• Criar e editar o arquivo index.js.



• Criar a pasta public. Criar e editar o arquivo index.html.



• Abrir o navegador e inserir url http://localhost:3000.




Próximo