 |
|
|
|
Você está aqui: Node.js ::: Socket.IO ::: Passos Iniciais |
Saiba o que é Socket.IO, como instalar e usar em suas aplicações Node.jsQuantidade de visualizações: 3683 vezes |
|
Socket.IO é uma biblioteca que permite a comunicação bidirecional e baseada a eventos entre o browser (navegador web) e o servidor web. Em geral, esta biblioteca é composta de: a) Um servidor de soquete criado em cima da variável retornada pelo método Http.createServer() do Node.js; b) Uma biblioteca JavaScript de código cliente para rodar no browser. Usamos Socket.IO quando queremos manter uma conexão de sockets aberta entre o navegador e o servidor, sem a necessidade de usar AJAX para repetidas requisições HTTP. Das várias aplicações de Socket.IO podemos citar a comunicação real-time de um chat, de um serviço de atendimento a clientes, notificações do servidor (server push comunication), etc. Como baixar e instalar Se você possui uma instalação do Node.js devidamente configurada e rodando, o processo de baixar e instalar o Socket.IO se torna muito fácil. Crie um novo projeto, por exemplo, "C:\estudos_nodejs\chat_app". Abra uma janela de terminal, navegue até o diretório da sua aplicação e digite o seguinte comando: ---------------------------------------------------------------------- Se precisar de ajuda com o código abaixo, pode me chamar no WhatsApp +55 (62) 98553-6711 (Osmar) ---------------------------------------------------------------------- npm init Este comando vai te ajudar na criação do arquivo package.json da sua aplicação. Responsa só o mais importante e vá pressionando Enter. Depois de criado o arquivo package.json, vamos instalar o Socket.IO como uma dependência. Dispare o seguinte comando: ---------------------------------------------------------------------- Se precisar de ajuda com o código abaixo, pode me chamar no WhatsApp +55 (62) 98553-6711 (Osmar) ---------------------------------------------------------------------- npm install --save socket.io Se tudo correr bem, você terá as pastas socket.io, socket.io-adapter, socket.io-client, socket.io-parser e várias outras, dentro do diretório de sua aplicação. E agora vamos testar a instalação do Socket.IO. Dentro do diretório da sua aplicação, crie um arquivo servidor.js com o seguinte conteúdo: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
const app = require('http').createServer(handler)
const io = require('socket.io')(app);
const fs = require('fs');
app.listen(8081); // vamos ouvir na porta 8081
// função que gerencia a conexão HTTP
function handler(req, res) {
fs.readFile(__dirname + '/index.html',
(err, data) => {
if (err) {
res.writeHead(500);
return res.end('Nao foi possivel encontrar o arquivo index.html');
}
res.writeHead(200);
res.end(data);
});
}
// vamos reagir às conexões
io.on('connection', (socket) => {
socket.emit('mensagem_servidor', {mensagem: 'Seja bem vindo(a)'});
socket.on('mensagem_cliente', (data) => {
console.log("Recebi: " + data.mensagem_usuario);
});
});
Levante o servidor com o comando: ---------------------------------------------------------------------- Se precisar de ajuda com o código abaixo, pode me chamar no WhatsApp +55 (62) 98553-6711 (Osmar) ---------------------------------------------------------------------- node servidor.js Abra o seu navegador no endereço http://127.0.0.1:8081. Você verá um mensagem de erro informando que o arquivo index.html não foi encontrado. Crie este arquivo com o seguinte conteúdo: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
<html>
<head>
<title>Testando o socket.io</title>
</head>
<bodY>
<div id="mensagem_div"></div>
<script src="/socket.io/socket.io.js"></script>
<script>
// efetua a conexão soquete com o servidor
const socket = io.connect('http://localhost:8081');
// detecta o evento do servidor
socket.on('mensagem_servidor', (data) => {
document.getElementById("mensagem_div").innerHTML = data.mensagem;
});
// agora vamos enviar uma mensagem para o servidor
socket.emit('mensagem_cliente', {mensagem_usuario: 'Oi, estou aqui'});
</script>
</bodY>
</html>
Atualize o navegador agora. Você verá a mensagem "Seja bem vindo(a)" na página web. Ao mesmo tempo o servidor receberá a mensagem "Oi, estou aqui". Experimente abrir a mesma página em outro navegador e observe como o Socket.IO detecta de imediato a nova conexão. |
 Link para compartilhar na Internet ou com seus amigos: |
Veja mais Dicas e truques de Node.js |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
