Você está aqui: Node.js ::: Socket.IO ::: Passos Iniciais

Saiba o que é Socket.IO, como instalar e usar em suas aplicações Node.js

Quantidade de visualizações: 3466 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:

Node.js ::: Dicas de Estudo e Anotações ::: Passos Iniciais

Saiba o que é o Node.js e como baixar, instalar e testar seu funcionamento no Windows

Quantidade de visualizações: 1513 vezes
O que é o Node.js

Então todos os seus amigos estão comentando sobre Node.js e você não tem a mínima idéia do que se trata? Neste pequeno tutorial falaremos um pouco sobre essa ferramenta, faremos o download do instalador no Windows 10 (deve funcionar em outras versões também) e no final testaremos a instalação para termos certeza de que já estaremos prontos para desenvolver algumas idéias.

O Node.js é uma plataforma server-side, ou seja, que executa do lado do servidor web e escrito a partir do Google Chrome's JavaScript Engine (V8 Engine), o motor de interpretação e/ou compilação de códigos JavaScript do navegador Google Chrome. Esta ferramenta foi desenvolvida por Ryan Dahl e desde então tem sido adotada em vários projetos web e sofre melhorias a cada versão.

O objetivo principal do Node.js é facilitar o desenvolvimento de aplicações web que sejam mais rápidas e de fácil escalabilidade. Este web server (sim, o Node.js é um servidor web tal como o Apache Web Server, Tomcat, etc) usa um modelo direcionado a eventos (event-driven) e sem bloqueio de I/O, o que o torno leve e muito eficiente, perfeito para aplicações de tempo real e acesso intensivo a dados e que possam ser executadas em ambientes distribuidos.

O Node.js é uma plataforma open source e cross-platform, ou seja, permite que nossos códigos rodem em diferentes sistemas operacionais com poucas ou nenhuma alteração. Além disso, aplicações Node.js são escritas em JavaScript e são executadas dentro do runtime do próprio Node.js. Para completar, esta ferramenta nos fornece uma extensa biblioteca de módulos JavaScript, o que simplifica ainda mais o desenvolvimento de aplicações web.

Baixando e instalando o Node.js

Para fazer o download do Node.js, direcione o seu navegador para a URL https://nodejs.org/en/download. Você encontrará os binários e instaladores para Windows, MacOS e Linux. Para este tutorial eu baixei o instalador para o Windows 64-bit Windows Installer (.msi), node-v12.16.3-x64.msi, com o tamanho de 18,8Mb.

Execute o instalador e siga o passo-a-passo da instalação. Um detalhe importante é informar, para a instalação, um diretório que não contenha espaços. Veja:



Depois de escolhido o local de instalação, continue e logo você verá a seguinte tela:



Aqui o instalador nos informa que alguns módulos rpm precisam ser compilados com C/C++ antes de serem instalados. Se você quiser instalar tais módulos, algumas ferramentas tais como Python e o Visual Studio Build Tools deverão ser baixadas. Mas se você não quiser, não precisa se preocupar com isso agora. Apenas clique o botão Next e finalize a instalação.

Testando a sua instalação do Node.js

Finalizada a instalação, chegou a hora de fazermos o teste. Abra um janela de comando (cmd) e digite:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
node -v

Opcionalmente você pode digitar --version em vez de -v. O resultado será a versão do Node.js que você acaba de instalar.

Para concluir, vamos testar a interface de linha de comando do Node. Abra de novo a janela de terminal do Windows e digite apenas:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

node

Agora você verá o sinal ">" aguardando os seus comandos. Digite algo como:

console.log('Que beleza. O Node.js está pronto!');

Pressione a tecla Enter e o Node.js exibirá o conteúdo digitado. Para sair do comando de linha do Node e voltar para o terminal do Windows, basta pressionar Ctrl+D.

Pronto! Agora você já pode ver nossas dicas de Node.js e dar continuidade aos seus estudos.


Node.js ::: Express.js ::: Passos Iniciais

Node.js Express.js - Como escrever sua primeira aplicação Express.js

Quantidade de visualizações: 2030 vezes
Se você chegou até esta página vindo(a) de um sistema de busca tal como o Google, saiba que o Express.js é um framework web baseado no núcleo do Node.js, ou seja, antes de experimentar o exemplo abaixo, você deve ter uma instalação funcional do Node.js na sua máquina. Além disso, o módulo express deve estar instalado também, e 100% operacional.

No entanto, se sua instalação do Node.js ainda não tem o express, basta entrar no diretório que você instalou o Node.js e disparar o comando a seguir:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

npm install express

Verifique se a instalação foi feita com sucesso e vamos continuar.

Este exemplo é bem simples e requer apenas um arquivo. Para tanto, abra o seu editor de código favorito e digite a listagem abaixo:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

// vamos importar o módulo express
var express = require('express');
// o servidor vai ouvir na porta 8081
var porta = 8081;
var app = express();

// o asterisco (*) quer dizer que todas as requisições vão cair aqui
app.get('*', function(request, response){
  response.end('Tamo juntos!');
});

app.listen(porta, function(){
  console.log('O servidor está ouvindo em http://localhost:%s', porta);
});

Salve o arquivo como servidor.js e execute o Node.js. Em seguida abra o seu navegador web no endereço http://localhost:8081 e veja o resultado.

Agora não deixe de ver nossas outras dicas de Node.js e aprender cada vez mais.


Node.js ::: Node.js + MongoDB ::: Passos Iniciais

Node.js MongoDB - Como instalar o driver do MongoDB no Node.js e efetuar uma conexão Node.js + MongoDB

Quantidade de visualizações: 1370 vezes
Assumindo que você já conhece o banco de dados MongoDB, já fez sua instalação e já está um pouco familiarizado com suas características, nesta dica mostrarei como podemos efetuar uma conexão Node.js + MongoDB. Este é o passo inicial para desenvolver aplicações MEAN (Mongo, Express, Angular, Node) ou MERN (Mongo, Express, React, Node).

Note que, nessa dica, usarei apenas o MongoClient para efetuar a conexão com o banco de dados MongoDB. Em outras dicas eu abordo o Mongoose.

Então vamos iniciar. A primeira coisa que temos que fazer é instalar o driver MongoDB. Assim, com o Node.js devidamente instalado e funcionando, e com o banco MongoDB em perfeito funcionamento também, abra uma janela de terminal e digite o comando:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

npm install mongodb

Após alguns minutos, a instalação será concluída e teremos o seguinte resultado:

+ mongodb@3.6.4
added 17 packages from 9 contributors and audited 20 packages in 9.358s

1 package is looking for funding
run `npm fund` for details

found 0 vulnerabilities

Agora já podemos escrever o código que efetua a conexão Node.js com o MongoDB. Abra o seu editor de códigos favorito e digite a listagem abaixo:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

// vamos obter uma referência ao MongoClient
var MongoClient = require('mongodb').MongoClient;

// vamos nos conectar à base de dados escola
var url = 'mongodb://localhost:27017/escola';

// Vamos nos conectar ao servidor e base de dados. Atenção: Em caso de erro, a
// função pode demorar a retornar, pois o Node.js pode pensar que é lentidão
// na rede
MongoClient.connect(url, {useUnifiedTopology: true}, function(err, db) {
  if(err){
    console.log("Não foi possível efetuar a conexão. Erro: " + err); 
  }
  else{
    console.log("Conexão efetuada com sucesso.");
  }
  
  // finalmente vamos fechar a conexao
  if(db){
    db.close();
  }
});

Salve este código como conexao.js e execute-o no Node.js (com o MongoDB rodando, é claro) com o seguinte comando:

c:\estudos_nodejs>node conexao.js

Se tudo correr bem você verá a mensagem:

Conexão efetuada com sucesso.

Veja que, nesse código, eu efetuei uma conexão com a base de dados escola. Se a porta e o servidor estiverem corretos (talvez você tenha que informar um usuário e senha também), a conexão será efetuada com sucesso mesmo que a base de dados não exista.

Quando informamos uma base de dados inexistente, o MongoDB entende que queremos criá-la, mas ele só a cria de fato, quando solicitamos a criação de uma nova coleção. Em mais dicas dessa seção você aprenderá como criar coleções no MongoDB a partir de seus códigos Node.js. Até lá e bons estudos.


Veja mais Dicas e truques de Node.js

Dicas e truques de outras linguagens

Códigos Fonte

Programa de Gestão Financeira Controle de Contas a Pagar e a Receber com Cadastro de Clientes e FornecedoresSoftware de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento
Diga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais
Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesControle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades
Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby



© 2025 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 69 usuários muito felizes estudando em nosso site.