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